/* LuxBMI Command Center / responsive menu button flair.
   Only affects the OPEN hamburger panel. All site CTAs, logo,
   persistent audio button, transparent header, and gold BGApp1 border
   remain unchanged. */
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings) {
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:
    linear-gradient(112deg,rgba(14,47,94,.91),rgba(5,23,59,.90) 48%,rgba(16,37,82,.9)) padding-box,
    linear-gradient(123deg,#f7d9a1 0%,#c69446 27%,#75d4f8 53%,#efc171 79%,#fde5ab 100%) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(248,226,188,.27),
    inset 0 -1px 0 rgba(73,169,240,.14),
    0 5px 16px rgba(0,5,29,.35),
    0 0 12px rgba(52,170,233,.13)!important;
  text-shadow:0 1px 8px rgba(0,8,30,.74);
  transform:translateZ(0);
  transition:
    transform .24s cubic-bezier(.2,.85,.24,1),
    box-shadow .26s ease,
    filter .26s ease,
    color .26s ease!important;
  animation:lux-command-button-arrive .38s cubic-bezier(.18,.77,.25,1.02) both;
  animation-delay:var(--lux-command-delay,0ms);
  will-change:auto;
}
/* One quick brushed-metal glint crosses only the hovered/focused button. */
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings)::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-12%;
  bottom:-12%;
  left:-70%;
  width:42%;
  height:124%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(145,216,255,.09) 25%,rgba(255,231,169,.22) 50%,rgba(146,220,255,.08) 75%,transparent);
  transform:skewX(-19deg);
  transition:left .56s cubic-bezier(.22,.73,.22,1),opacity .16s ease;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings) > :is(.lux-hex-menu__icon,.lux-hex-menu__title,.lux-hex-menu__chevron,[data-audio-nav-label]) {
  position:relative;
  z-index:1;
}
/* Stagger the first opening by a few milliseconds; no endless pulsing. */
.lux-header #lux-primary-nav.is-open > a:nth-of-type(1) {--lux-command-delay:25ms}
.lux-header #lux-primary-nav.is-open > a:nth-of-type(2) {--lux-command-delay:65ms}
.lux-header #lux-primary-nav.is-open > a:nth-of-type(3) {--lux-command-delay:105ms}
.lux-header #lux-primary-nav.is-open > a:nth-of-type(4) {--lux-command-delay:145ms}
.lux-header #lux-primary-nav.is-open > a:nth-of-type(5) {--lux-command-delay:185ms}
.lux-header #lux-primary-nav.is-open > button.lux-nav__settings {--lux-command-delay:225ms}
@keyframes lux-command-button-arrive {
  from {opacity:.35;transform:translateY(8px) scale(.985);filter:brightness(.85);}
  to {opacity:1;transform:translateY(0) scale(1);filter:brightness(1);}
}
@media(hover:hover) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings):is(:hover,:focus-visible) {
    transform:translateY(-3px) scale(1.013)!important;
    color:#fff6dc!important;
    background:
      linear-gradient(112deg,rgba(26,66,121,.94),rgba(13,38,84,.93) 50%,rgba(35,58,101,.9)) padding-box,
      linear-gradient(125deg,#fff6d5,#f6c874 32%,#8ee6ff 63%,#fff0b8) border-box!important;
    box-shadow:
      inset 0 1px 0 rgba(255,248,218,.45),
      0 8px 23px rgba(0,4,22,.43),
      0 0 17px rgba(100,203,252,.37),
      0 0 9px rgba(243,188,87,.22)!important;
  }
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings):is(:hover,:focus-visible)::before {
  left:145%;
  opacity:1;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > a.is-active:not(.lux-nav__cta) {
  color:#fff2d1!important;
  background:
    linear-gradient(116deg,rgba(78,59,58,.92),rgba(11,40,83,.91) 60%,rgba(40,43,76,.91)) padding-box,
    linear-gradient(120deg,#fff1b8,#eab45c 40%,#ffe6a3 72%,#ad7a2e) border-box!important;
  box-shadow:inset 0 1px 0 rgba(255,245,212,.31),0 6px 19px rgba(0,5,31,.42),0 0 16px rgba(243,183,76,.29)!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__icon {
  transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s ease!important;
  filter:drop-shadow(0 0 4px rgba(102,205,247,.13));
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings):is(:hover,:focus-visible) > .lux-hex-menu__icon {
  transform:scale(1.09) rotate(-4deg)!important;
  filter:drop-shadow(0 0 8px rgba(249,202,114,.48));
}
.lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__chevron {
  transition:transform .25s ease,filter .25s ease!important;
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > a:is(:hover,:focus-visible) > .lux-hex-menu__chevron {
  transform:translateX(3px) rotate(45deg)!important;
  filter:drop-shadow(0 0 4px rgba(249,217,132,.7));
}
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings):focus-visible {
  outline:2px solid #ffeba9!important;
  outline-offset:2px!important;
}
/* Finger tap gets a brief tactile press, without desktop hover lingering. */
.lux-header .lux-header__inner #lux-primary-nav.is-open
  > :is(a:not(.lux-nav__cta), button.lux-nav__settings):active {
  transform:translateY(1px) scale(.992)!important;
}
@media(prefers-reduced-motion:reduce) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings) {
    animation:none!important;
    transition:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings)::before {
    display:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__icon,
  .lux-header .lux-header__inner #lux-primary-nav.is-open .lux-hex-menu__chevron {
    transition:none!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings):is(:hover,:focus-visible,:active) {
    transform:none!important;
  }
}
@media(forced-colors:active) {
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings) {
    background:Canvas!important;
    box-shadow:none!important;
    border:1px solid ButtonText!important;
    color:CanvasText!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.is-open
    > :is(a:not(.lux-nav__cta), button.lux-nav__settings)::before {display:none!important;}
}


/* EDGE 1 / command-center side artwork correction.
   The original art was anchored to RIGHT by luxbmi-hex-menu.css.
   Place the same decorative element on the LEFT, flipped top-to-bottom,
   so the frame/buttons remain completely untouched. */
@media(max-width:1650px) {
  .lux-header .lux-header__inner #lux-primary-nav.lux-hex-menu
    > .lux-hex-menu__edge-cloud--right {
    /* Anchor to the MENU panel, not to the viewport on wide screens. */
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    height:100%!important;
    left:0!important;
    right:auto!important;
    background-position:left center!important;
    -webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.74) 43%,transparent 100%)!important;
    mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.74) 43%,transparent 100%)!important;
    transform:translateX(-24px) scaleY(-1)!important;
    transform-origin:center center!important;
  }
  .lux-header .lux-header__inner #lux-primary-nav.lux-hex-menu.is-open
    > .lux-hex-menu__edge-cloud--right {
    transform:translateX(0) scaleY(-1)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .lux-header .lux-header__inner #lux-primary-nav.lux-hex-menu
    > .lux-hex-menu__edge-cloud--right {
    transition:none!important;
    transform:scaleY(-1)!important;
  }
}
