/* Navbar theme support. Keep contrast aligned with the page theme. */

html[data-theme="dark"] #siteHeader:not(.gm-header){
  background:var(--t-surface)!important;
  border-color:var(--t-line)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .bg-white,
html[data-theme="dark"] #siteHeader:not(.gm-header) #headerInner{
  background:var(--t-surface)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .bg-slate-50{background:var(--t-surface-2)!important}
html[data-theme="dark"] #siteHeader:not(.gm-header) .bg-slate-100{background:var(--t-surface-3)!important}
html[data-theme="dark"] #siteHeader:not(.gm-header) .border-slate-100,
html[data-theme="dark"] #siteHeader:not(.gm-header) .border-slate-200,
html[data-theme="dark"] #siteHeader:not(.gm-header) .border-slate-300{border-color:var(--t-line)!important}

html[data-theme="dark"] #siteHeader:not(.gm-header) [data-mega-panel],
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-panel,
html[data-theme="dark"] #siteHeader:not(.gm-header) [data-mobile-drawer]{
  background:var(--t-surface)!important;
  border-color:var(--t-line)!important;
  box-shadow:0 20px 45px -20px rgba(0,0,0,.55)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .mg-bg-veil{background:rgba(255,255,255,.04)!important}
html[data-theme="dark"] #siteHeader:not(.gm-header) .mg-chip{
  color:var(--t-ink-2)!important;
  background:var(--t-surface-3)!important;
  border-color:var(--t-line)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .mg-cta{
  background:var(--t-accent)!important;
  color:#fff!important;
  border-color:var(--t-accent)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .tg-btn{
  background:var(--t-surface-2)!important;
  border-color:var(--t-line)!important;
  color:var(--t-ink-3)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .tg-btn:hover{
  color:var(--t-accent-ink)!important;
  border-color:var(--t-accent)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn:hover,
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn[aria-expanded="true"]{
  color:var(--t-accent-ink)!important;
  background:var(--t-surface-3)!important;
}
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn:hover .mega-chev,
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn:hover span:first-child,
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn[aria-expanded="true"] .mega-chev,
html[data-theme="dark"] #siteHeader:not(.gm-header) .mega-nav-btn[aria-expanded="true"] span:first-child{
  color:var(--t-accent-ink)!important;
}

/* The generic light-theme hover color (#1a4a7a) has low contrast on
   the dark game header. Keep both the label and its icons readable. */
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn:hover,
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn[aria-expanded="true"]{
  color:var(--gm-accent,#7fa8d4)!important;
  background:var(--gm-surface-2,#121b28)!important;
}
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn:hover .mega-chev,
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn:hover span:first-child,
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn[aria-expanded="true"] .mega-chev,
html[data-theme="dark"] #siteHeader.gm-header .mega-nav-btn[aria-expanded="true"] span:first-child{
  color:var(--gm-accent,#7fa8d4)!important;
}

.js-logo{display:block}
.js-logo--light{display:none}
html[data-theme="dark"] #siteHeader .js-logo--light{display:block}
html[data-theme="dark"] #siteHeader .js-logo--dark{display:none}