/* Overrides / additions to support vanilla-JS interactivity that
   originally came from React state. Loaded after styles.css. */

.meeting-modal-overlay.hidden {
  display: none !important;
}

/* Touch-device dropdown support (desktop already works via :hover/:focus-within) */
.nav-links li.has-dropdown.active .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%) translateY(0);
}
.nav-links li.has-dropdown.active .dropdown-chevron {
  transform: rotate(180deg);
  color: #fac54b;
}
.nested-item.active .sub-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0);
}
.nested-item.active .nested-chevron {
  transform: translate(3px);
}

/* Video lightbox */
.video-card {
  cursor: pointer;
}

/* Swiper coverflow container needs an explicit height on some slides */
.testimonial-swiper .swiper-slide,
.text-testimonial-swiper .swiper-slide {
  height: auto;
}

/* Make sure content revealed by scroll-reveal JS is visible with no-JS fallback */
.no-js .fade-up,
.no-js .fade-in,
.no-js .scale-up,
.no-js .slide-in-left,
.no-js .slide-in-right {
  opacity: 1 !important;
  transform: none !important;
}