/* Led Tv Repair Factory — signature styles */

html { scroll-behavior: smooth; }

.glass-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.glass-card-light {
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(8,17,32,0.06);
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 40px rgba(8,17,32,0.06);
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Diagnostic trace line — the site's signature motif */
.trace-line {
  stroke-dasharray: 6 4;
  animation: traceMove 3s linear infinite;
}
@keyframes traceMove {
  to { stroke-dashoffset: -40; }
}

.pulse-trace polyline {
  stroke-dasharray: 130;
  stroke-dashoffset: 130;
  animation: drawTrace 1.4s ease-in-out infinite;
}
@keyframes drawTrace {
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -130; }
}

/* Header states */
#siteHeader {
  background: #081120;
}
#siteHeader.scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}

/* Service card lift */
.service-card:hover { transform: translateY(-6px); }
.service-card { transition: transform 0.3s ease; }

/* FAQ */
.faq-toggle .fa-chevron-down { transition: transform 0.3s ease; }
.faq-item.active .faq-toggle .fa-chevron-down { transform: rotate(180deg); }
.faq-item.active .faq-panel { max-height: 300px; padding-bottom: 0; }

/* Gallery masonry helper */
#galleryGrid { grid-auto-rows: 1fr; }

/* Testimonial dots */
.dot.active { background: #ff6b00; width: 1.6rem; border-radius: 999px; transition: all 0.3s ease; }
.dot { transition: all 0.3s ease; }

/* Page loader fade out */
#pageLoader.hide { opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }

/* Back to top visible */
#backToTop.show { opacity: 1; pointer-events: auto; }

/* Scrollbar accent (optional, subtle) */
::selection { background: #ff6b00; color: #fff; }