/* ==================== Base ==================== */
html {
  scroll-behavior: smooth;
}

/* ==================== Header Shadow on Scroll ==================== */
.header-scrolled {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

/* ==================== FAQ Accordion ==================== */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-content {
  max-height: 500px;
}

.faq-item.active .faq-chevron {
  transform: rotate(180deg);
}

/* ==================== WhatsApp Pulse ==================== */
.whatsapp-pulse {
  animation: whatsapp-pulse 2s infinite;
}

@keyframes whatsapp-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

/* ==================== Mobile Menu ==================== */
#mobile-menu {
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

#mobile-menu.hidden {
  max-height: 0;
  opacity: 0;
}

#mobile-menu:not(.hidden) {
  max-height: 400px;
  opacity: 1;
}

/* ==================== Reduced Motion ==================== */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .whatsapp-pulse {
    animation: none;
  }

  .faq-content {
    transition: none;
  }

  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}