/* NIR dock contrast/state fix — 2026-09-18
   Loaded last so page theme CSS cannot make the active dock label unreadable. */
@media (min-width:1051px){
  .desktop-nav a,
  body.inner-page .desktop-nav a{
    color:rgba(255,255,255,.76)!important;
  }

  .desktop-nav a:hover,
  .desktop-nav a.active,
  body.inner-page .desktop-nav a:hover,
  body.inner-page .desktop-nav a.active{
    color:var(--hero-text-on-gold,var(--home-dark,#171916))!important;
    background:linear-gradient(135deg,var(--hero-gold-2,var(--gold2,#f1d7a4)),var(--hero-gold,var(--gold,#d2a35f)))!important;
    box-shadow:0 7px 20px color-mix(in srgb,var(--hero-gold,var(--gold,#d2a35f)) 18%,transparent)!important;
  }

  .desktop-nav a:hover svg,
  .desktop-nav a.active svg,
  .desktop-nav a:hover span,
  .desktop-nav a.active span,
  body.inner-page .desktop-nav a:hover svg,
  body.inner-page .desktop-nav a.active svg,
  body.inner-page .desktop-nav a:hover span,
  body.inner-page .desktop-nav a.active span{
    color:inherit!important;
    opacity:1!important;
  }

  .desktop-nav a.active::after,
  body.inner-page .desktop-nav a.active::after{
    background:transparent!important;
    transform:scaleX(0)!important;
  }
}

/* Keep the mobile current-page state readable as well. */
@media (max-width:1050px){
  .mobile-nav-panel a.active,
  body.inner-page .mobile-nav-panel a.active{
    color:var(--hero-text-on-gold,var(--home-dark,#171916))!important;
    background:linear-gradient(135deg,var(--hero-gold-2,var(--gold2,#f1d7a4)),var(--hero-gold,var(--gold,#d2a35f)))!important;
  }
  .mobile-nav-panel a.active svg,
  .mobile-nav-panel a.active span{
    color:inherit!important;
    opacity:1!important;
  }
}