/* Shared accessibility and CMS adapter layer for every Aiero source header. */
.aiero-source-header {
  position: relative;
  z-index: 99990;
}

/* The Index6 header overlays the page; leave room above a native Glass hero. */
@media (max-width: 820px) {
  .aiero-site-shell:has(.aiero-source-header--index6) #aiero-main > .oreon-block-shell:first-child > .aiero-glass-hero {
    padding-top: 82px;
  }
}

.aiero-source-header > .sticky-active {
  z-index: 99999;
}

.aiero-source-header [hidden] {
  display: none !important;
}

.aiero-source-header button.menu-toggle,
.aiero-source-header button.popup-search,
.aiero-source-header button.hamburger,
.aiero-source-header button.hamburger3,
.aiero-source-header button.close-btn {
  appearance: none;
  border: 0;
  font: inherit;
}

.aiero-source-header button.menu-toggle,
.aiero-source-header button.popup-search,
.aiero-source-header button.hamburger,
.aiero-source-header button.hamburger3 {
  background: transparent;
}

.aiero-source-header :is(a, button, input):focus-visible {
  outline: 3px solid var(--aiero-accent, currentColor);
  outline-offset: 4px;
}

.aiero-source-header .aiero-source-wordmark {
  color: inherit;
  font-family: var(--aiero-heading-font, inherit);
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  font-weight: 800;
  letter-spacing: .04em;
}

.aiero-source-header .header-logo img,
.aiero-source-header .header-logo11 img {
  display: block;
  height: auto;
  max-height: 48px;
  max-width: min(190px, 34vw);
  object-fit: contain;
}

.aiero-source-header .menu-btn3 button {
  cursor: pointer;
}

.aiero-source-header .side-menu3 .menu-left {
  display: block;
}

.aiero-source-header .side-menu3 .menu-left > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.aiero-source-header .side-menu3 .menu-left > ul > li > .inner-menu {
  max-height: min(58vh, 560px);
  overflow-y: auto;
}

.aiero-source-header .overlay2[hidden] {
  pointer-events: none;
}

.aiero-source-header .overlay2.active {
  pointer-events: auto;
}

.aiero-source-header .menu-item-has-children.is-open > .sub-menu,
.aiero-source-header .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

/* The source export renders a normal header and a separate sticky clone. Some
   variants (notably Index 6) position the normal header absolutely, so Lenis
   scrolling left both visible. Once the sticky clone is active there must be
   exactly one interactive navigation surface. */
.aiero-source-header.is-sticky > header:not([data-aiero-index8-sticky]) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

/* Staff keep the fixed OreonBuilder bar above the selected sticky header. */
body.aiero-has-adminbar .aiero-source-header > .sticky-active.is-sticky {
  top: 44px;
}

/* Georgian menu labels are wider than the demo copy. Keep every Header 6
   control, but compact the sticky row before Bootstrap would wrap it into a
   misleading second navigation bar. */
@media (min-width: 1202px) and (max-width: 1799px) {
  .aiero-source-header > .sticky-active .header-menu-area {
    padding-inline: 20px;
  }

  .aiero-source-header > .sticky-active .header-menu-area > .row {
    flex-wrap: nowrap;
  }

  .aiero-source-header > .sticky-active .header-menu-area > .row > .col-auto.col {
    flex: 0 0 auto;
    width: auto;
  }

  .aiero-source-header > .sticky-active .aiero-source-desktop-nav {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .aiero-source-header > .sticky-active .aiero-source-desktop-nav .menu-style1 > ul {
    justify-content: center;
  }

  .aiero-source-header > .sticky-active .menu-style1 > ul > li > a {
    padding-inline: 10px 24px;
  }

  .aiero-source-header > .sticky-active .menu-style1 > ul > li:last-child > a {
    padding-inline: 12px;
  }

  .aiero-source-header > .sticky-active .menu-style1 > ul > li > a::before {
    right: 10px;
  }

  .aiero-source-header > .sticky-active .header-logo .menu-toggle {
    margin-right: 26px;
  }

  .aiero-source-header > .sticky-active .header-logo img {
    max-width: 170px;
  }

  .aiero-source-header > .sticky-active .popup-search {
    margin-right: 16px;
  }

  .aiero-source-header > .sticky-active .login-btn {
    margin-right: 18px;
  }

  .aiero-source-header > .sticky-active .btn-box .ibt-btn {
    padding-inline: 18px;
  }
}

/* Ordinary dropdowns remain bounded even when an old menu has many children. */
.aiero-source-header .aiero-source-desktop-nav .sub-menu:not(.aiero-mega-menu__panel) {
  max-height: min(70vh, 620px);
  max-width: min(380px, calc(100vw - 32px));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.aiero-source-header .aiero-mega-menu { position: static; }
.aiero-source-header .aiero-mega-menu__panel {
  --aiero-mega-columns: 3;
  left: 50%;
  display: grid !important;
  grid-template-columns: repeat(var(--aiero-mega-columns), minmax(0, 1fr));
  gap: 10px;
  width: min(980px, calc(100vw - 56px)) !important;
  max-height: min(72vh, 680px);
  padding: 20px !important;
  overflow: auto;
  border: 1px solid rgba(104, 218, 236, .24) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--color-heading, #11131f) 92%, transparent) !important;
  box-shadow: 0 28px 80px rgba(10, 18, 45, .28), inset 0 1px rgba(255, 255, 255, .12);
  transform: translate(-50%, 12px) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
}
.aiero-source-header .aiero-mega-menu__panel--columns-2 { --aiero-mega-columns: 2; }
.aiero-source-header .aiero-mega-menu__panel--columns-4 { --aiero-mega-columns: 4; }
.aiero-source-header .aiero-mega-menu:hover > .aiero-mega-menu__panel,
.aiero-source-header .aiero-mega-menu:focus-within > .aiero-mega-menu__panel,
.aiero-source-header .aiero-mega-menu.is-open > .aiero-mega-menu__panel {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) !important;
}
.aiero-source-header .aiero-mega-menu__panel > .aiero-mega-menu__item {
  min-width: 0;
  margin: 0 !important;
}
.aiero-source-header .aiero-mega-menu__heading {
  grid-column: 1 / -1;
  padding: 2px 4px 8px;
  color: rgba(255,255,255,.68);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.aiero-source-header .aiero-mega-menu__item > a {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  color: #fff !important;
  background: rgba(255, 255, 255, .045);
  line-height: 1.25 !important;
  white-space: normal;
}
.aiero-source-header .aiero-mega-menu__item > a::before { display: none !important; }
.aiero-source-header .aiero-mega-menu__item > a:hover,
.aiero-source-header .aiero-mega-menu__item > a:focus-visible {
  border-color: rgba(69, 205, 195, .45);
  background: rgba(69, 205, 195, .1);
  transform: translateY(-2px);
}
.aiero-source-header .aiero-mega-menu__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  color: #10213d;
  background: linear-gradient(135deg, #74e9de, #79c7ff);
  font-size: 17px;
}
.aiero-source-header .aiero-mega-menu__copy { display: block !important; min-width: 0; }
.aiero-source-header .aiero-mega-menu__copy strong { display: block; color: #fff; font-size: 14px; }
.aiero-source-header .aiero-mega-menu__copy small { display: block; margin-top: 5px; color: rgba(255,255,255,.62); font-size: 11px; font-weight: 500; }
.aiero-source-header .aiero-mega-menu__item em { align-self: start; padding: 4px 7px; border-radius: 99px; color: #9bf4eb; background: rgba(69,205,195,.12); font-size: 9px; font-style: normal; }
.aiero-source-header .aiero-mega-menu__promo {
  grid-column: 1 / -1;
  min-height: 112px;
  padding: 20px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(100deg, rgba(65,79,203,.88), rgba(29,179,205,.72)), var(--aiero-mega-image, none) center/cover;
}
.aiero-source-header .aiero-mega-menu__promo > span,
.aiero-source-header .aiero-mega-menu__promo > strong,
.aiero-source-header .aiero-mega-menu__promo > small { display: block; }
.aiero-source-header .aiero-mega-menu__promo > span { color: #aef8f0; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.aiero-source-header .aiero-mega-menu__promo > strong { margin-top: 4px; font-size: 20px; }
.aiero-source-header .aiero-mega-menu__promo > small { max-width: 620px; margin-top: 5px; color: rgba(255,255,255,.78); }
.aiero-source-header .aiero-mega-menu__promo-link { display: inline-flex; margin-top: 12px; color: #fff !important; font-weight: 800; }

@media (max-width: 1199px) {
  .aiero-source-header .aiero-source-desktop-nav {
    display: none !important;
  }

  .aiero-source-header .header-top4 {
    display: none;
  }

  .aiero-source-header .side-menu3 .menu-inner {
    grid-template-columns: 1fr;
    overflow-y: auto;
  }

  .aiero-source-header .side-menu3 .menu-right {
    display: none;
  }

  .aiero-source-header .aiero-mega-menu__panel {
    position: static !important;
    display: none !important;
    grid-template-columns: 1fr;
    width: 100% !important;
    max-height: none;
    padding: 10px !important;
    transform: none !important;
  }
  .aiero-source-header .aiero-mega-menu.is-open > .aiero-mega-menu__panel,
  .aiero-source-header .aiero-mega-menu:focus-within > .aiero-mega-menu__panel { display: grid !important; }
}

@media (prefers-reduced-motion: reduce) {
  .aiero-source-header *,
  .aiero-source-header *::before,
  .aiero-source-header *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}