/* Ref header lock — checkpoint df25b74 / pre-ui-makeover-2026-07-17
   Load AFTER /assets/pai-aesthetics.css so AO Awards CTA + glass chrome
   cannot restyle body > .nav (Login pill, logo, link metrics, sticky blur). */

body > .nav,
body .nav{
  position:sticky!important;
  top:0!important;
  z-index:600!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:16px clamp(20px,5vw,56px)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  background:rgba(7,6,10,0.68)!important;
  border-bottom:1px solid rgba(232,218,188,0.08)!important;
  height:auto!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  box-shadow:none!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  transition:none!important;
}

/* Kill pai-aesthetics.js is-scrolled chrome — Ref bar stays the same */
body > .nav.is-scrolled,
body .nav.is-scrolled{
  background:rgba(7,6,10,0.68)!important;
  border-bottom-color:rgba(232,218,188,0.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

body > .nav .nav-logo,
body .nav .nav-logo{
  display:flex!important;
  align-items:center!important;
  text-decoration:none!important;
  flex:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
  gap:0!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
}

body > .nav .nav-logo-full,
body .nav .nav-logo-full{
  height: clamp(30px, 1.6vw + 20px, 42px)!important;
  width:auto!important;
  max-width: min(220px, 52vw)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  pointer-events:none!important;
}

body > .nav .nav-logo-mark,
body > .nav .nav-logo-word,
body > .nav .nav-login,
body .nav .nav-logo-mark,
body .nav .nav-logo-word,
body .nav .nav-login{display:none!important;}

body > .nav .nav-links,
body .nav .nav-links{
  display:flex!important;
  gap:40px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

body > .nav .nav-links a,
body .nav .nav-links a{
  color:var(--text-dim,#ABA290)!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:18px!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:inline!important;
  gap:0!important;
}

body > .nav .nav-links a:hover,
body > .nav .nav-links a.active,
body .nav .nav-links a:hover,
body .nav .nav-links a.active{color:var(--gold-strong,#F3D98F)!important;}

body > .nav .nav-right,
body .nav .nav-right{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}

/* Exact Ref Login CTA — defeats pai-aesthetics AO Awards button stack */
body > .nav .nav-cta,
body > .nav a.nav-cta,
body .nav .nav-cta,
body .nav a.nav-cta{
  display:inline-block!important;
  align-items:unset!important;
  justify-content:unset!important;
  gap:0!important;
  text-decoration:none!important;
  border-radius:10px!important;
  background:linear-gradient(150deg,var(--cta-from,#F3D98F),var(--cta-to,#9C7128))!important;
  color:var(--on-accent,#1A1305)!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:12px 22px!important;
  letter-spacing:.01em!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  border:0!important;
  box-shadow:none!important;
  transition:filter .15s ease!important;
  transform:none!important;
}

body > .nav .nav-cta:hover,
body > .nav a.nav-cta:hover,
body .nav .nav-cta:hover,
body .nav a.nav-cta:hover{
  filter:brightness(1.08)!important;
  color:var(--on-accent,#1A1305)!important;
  transform:none!important;
  box-shadow:none!important;
}

body > .nav .nav-toggle,
body .nav .nav-toggle{
  display:none!important;
  background:none!important;
  border:none!important;
  cursor:pointer!important;
  padding:6px!important;
  flex-direction:column!important;
  gap:5px!important;
  box-shadow:none!important;
}

body > .nav .nav-toggle span,
body .nav .nav-toggle span{
  width:22px;height:2px;
  background:var(--text,#F3EEE0)!important;
  display:block!important;
  border-radius:2px!important;
}

@media (max-width:900px){
  body > .nav .nav-links,
  body .nav .nav-links{display:none!important;}
  body > .nav .nav-toggle,
  body .nav .nav-toggle{display:flex!important;}
}