/* Mega menu styles — loaded async (non-render-blocking) */

/* Training mega menu — span full viewport width */
.training-mega-panel {
  left: 0;
  right: 0;
  width: 100vw;
  position: fixed !important;
  top: var(--header-height, 128px) !important;
  z-index: 9999;
}

/* Bridge element to keep hover when moving to the fixed training panel */
[data-dropdown="live-training"]:hover::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: calc(var(--header-height, 128px) - 16px);
  height: 20px;
  z-index: 49;
}

/* Services mega menu — span full viewport width */
.services-mega-panel {
  left: 0;
  right: 0;
  width: 100vw;
  position: fixed !important;
  top: var(--header-height, 128px) !important;
  z-index: 9999;
}

/* Bridge element to keep hover when moving to the fixed services panel */
[data-dropdown="services"]:hover::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: calc(var(--header-height, 128px) - 16px);
  height: 20px;
  z-index: 49;
}

/* Desktop dropdown hover behavior — seamless connection between trigger and panel */
.mega-dropdown:hover .mega-panel,
.mega-dropdown:hover .dropdown-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep panels open when hovering the panel itself */
.mega-panel:hover,
.dropdown-panel:hover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Highlight active nav item on hover */
.mega-dropdown:hover > a {
  color: #ED1C24;
}

/* Mobile accordion arrow rotation */
.mobile-accordion button[aria-expanded="true"] .accordion-arrow {
  transform: rotate(180deg);
}

/* Training link hover syncs with slider */
.training-link:hover,
.training-link.active {
  background: rgba(255, 255, 255, 0.05);
  color: #FFB25D !important;
}