/* AncientMU • Unified navigation v6.5 — compact Rankings-inspired masthead.
   This file deliberately loads LAST, overriding old Home / Rankings / V1 badges.
   Navigation appearance only: no routes, WebEngine modules or API changes. */
.am-final .am-topnav, .am-hof .am-topnav {
  position:relative!important;z-index:1050!important;
  min-height:72px!important;
  border-bottom:1px solid rgba(168,83,57,.65)!important;
  background:linear-gradient(180deg,#1a1013 0%,#110d11 65%,#0c0b0e 100%)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.4),inset 0 1px rgba(255,215,153,.055)!important;
}
.am-final .am-topnav::after, .am-hof .am-topnav::after {
  left:20%!important;right:20%!important;bottom:-2px!important;width:auto!important;
  height:1px!important;background:linear-gradient(90deg,transparent,rgba(204,89,54,.65),transparent)!important;
  box-shadow:none!important;
}
.am-final .am-topnav .am-sitewide,.am-hof .am-topnav .am-sitewide,
.am-final.am-rankings-page .am-topnav .am-sitewide {
  width:min(1520px,calc(100% - 52px))!important;
  max-width:1520px!important;margin-inline:auto!important;min-height:72px!important;
  display:flex!important;align-items:center!important;gap:clamp(14px,2vw,28px)!important;
}
.am-final .am-rank-navbar-logo,.am-hof .am-rank-navbar-logo {
  flex:0 0 clamp(140px,12vw,184px)!important;width:clamp(140px,12vw,184px)!important;
  align-self:center!important;line-height:0!important;
}
.am-final .am-rank-navbar-logo img,.am-hof .am-rank-navbar-logo img {
  display:block!important;width:100%!important;max-height:60px!important;object-fit:contain!important;
  filter:brightness(1.06) saturate(1.1) drop-shadow(0 0 5px rgba(214,69,43,.13))!important;
}
.am-final .am-main-nav,.am-hof .am-main-nav,
.am-final.am-rankings-page .am-main-nav {
  display:flex;justify-content:center;align-items:center;gap:0!important;
  flex:1 1 auto;min-width:0;white-space:nowrap;
}
.am-final .am-cms-nav,.am-hof .am-cms-nav,
.am-final .am-cms-nav>ul,.am-hof .am-cms-nav>ul {
  display:flex;align-items:center;min-width:0;
}
.am-final .am-cms-nav>ul,.am-hof .am-cms-nav>ul {margin:0;padding:0;list-style:none;gap:0!important}
.am-final .am-cms-nav li,.am-hof .am-cms-nav li {display:flex;align-items:center;position:relative}
.am-final .am-cms-nav li::before,.am-hof .am-cms-nav li::before {display:none!important}
/* Equal-level links: no permanent HOME special styling, no outlined tabs. */
.am-final .am-main-nav a,.am-hof .am-main-nav a,
.am-final.am-rankings-page .am-main-nav a,
.am-final .am-main-nav .am-home-link,.am-hof .am-main-nav .am-home-link,
.am-final .am-main-nav .am-hof-link,.am-hof .am-main-nav .am-hof-link {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;position:relative!important;gap:8px!important;
  min-height:54px!important;padding:17px clamp(9px,1vw,16px) 15px!important;
  margin:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#c9b6a8!important;font:600 clamp(11px,.8vw,12px)/1.4 Cinzel,Georgia,serif!important;
  letter-spacing:.45px!important;text-transform:uppercase!important;
  white-space:nowrap!important;text-decoration:none!important;
  transition:color .18s ease,background .18s ease!important;
}
.am-final .am-main-nav .am-home-link::before,.am-hof .am-main-nav .am-home-link::before,
.am-final .am-main-nav a::before,.am-hof .am-main-nav a::before {
  display:none!important;content:none!important;
}
.am-final .am-main-nav a::after,.am-hof .am-main-nav a::after {
  content:""!important;display:block!important;position:absolute!important;
  height:2px!important;left:13%!important;right:13%!important;bottom:4px!important;
  border-radius:1px;background:linear-gradient(90deg,transparent,#d8ac6a 12%,#d8ac6a 88%,transparent)!important;
  opacity:0!important;transform:scaleX(.65);transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.am-final .am-main-nav a:hover,.am-hof .am-main-nav a:hover,
.am-final.am-rankings-page .am-main-nav a:hover {
  color:#f4d4a4!important;background:linear-gradient(180deg,transparent 45%,rgba(129,57,39,.11))!important;
  border:0!important;box-shadow:none!important;
}
/* Hover only changes text colour. Underline is reserved for the sole current page.
   This also avoids simultaneous HOME hover + HALL OF FAME current indicators. */
.am-final .am-main-nav a:hover:not(.am-current)::after,
.am-hof .am-main-nav a:hover:not(.am-current)::after {
  opacity:0!important;transform:scaleX(.65)!important;
}
.am-final .am-main-nav a.am-current,.am-hof .am-main-nav a.am-current,
.am-final .am-main-nav a[aria-current="page"],.am-hof .am-main-nav a[aria-current="page"],
.am-final.am-rankings-page .am-cms-nav a[href*="/rankings/"].am-current {
  color:#f9d9a2!important;background:linear-gradient(180deg,transparent 38%,rgba(109,57,42,.15) 100%)!important;
  border:0!important;box-shadow:none!important;
}
.am-final .am-main-nav a.am-current::after,.am-hof .am-main-nav a.am-current::after,
.am-final .am-main-nav a[aria-current="page"]::after,.am-hof .am-main-nav a[aria-current="page"]::after {
  opacity:1!important;transform:scaleX(1)!important;
}
/* Shared inline line icons, including LOGIN/REGISTER: never default SVG black fill. */
.am-final .am-nav-icon,.am-hof .am-nav-icon {
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  vertical-align:middle!important;
}
.am-final .am-main-nav a .am-nav-icon,.am-hof .am-main-nav a .am-nav-icon {
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  stroke:#bd9476!important;fill:none!important;stroke-width:1.65!important;
  opacity:.92;filter:none!important;transform:none!important;
}
.am-final .am-main-nav a.am-current .am-nav-icon,.am-hof .am-main-nav a.am-current .am-nav-icon,
.am-final .am-main-nav a:hover .am-nav-icon,.am-hof .am-main-nav a:hover .am-nav-icon {
  stroke:#edc18a!important;
}
.am-final .am-account-links,.am-hof .am-account-links {
  display:flex!important;align-items:center!important;flex:0 0 auto!important;
  gap:8px!important;margin-left:auto!important;
}
.am-final .am-account-links a,.am-hof .am-account-links a {
  padding:10px 13px!important;min-height:37px!important;
  border:1px solid rgba(153,92,69,.42)!important;border-radius:2px!important;
  background:rgba(47,24,25,.19)!important;
  color:#dfc19d!important;font:600 10px/1.4 Cinzel,Georgia,serif!important;
  letter-spacing:.4px!important;text-decoration:none!important;
}
.am-final .am-account-links a.am-register-link,.am-hof .am-account-links a.am-register-link,
.am-final .am-account-links a[href*="register/"],.am-hof .am-account-links a[href*="register/"] {
  border-color:#a94c3c!important;background:linear-gradient(180deg,#812923,#4d191b)!important;
  color:#f8d3ac!important;
}
.am-final .am-account-links a:hover,.am-hof .am-account-links a:hover {
  border-color:#d09a63!important;color:#ffe0b0!important;
}
/* Never show the fallback text brand or hamburger on desktop, including
   static Hall of Fame pages which do not load the native WebEngine CSS. */
.am-final .am-mobile-brand,.am-hof .am-mobile-brand {display:none!important}
.am-final .am-menu-toggle,.am-hof .am-menu-toggle {display:none!important}

/* Mobile-first masthead: brand + one action, no squeezed auth buttons. */
.am-final .am-mobile-account,.am-hof .am-mobile-account { display:none!important; }
@media (max-width:1150px) {
  .am-final .am-topnav,.am-hof .am-topnav { min-height:68px!important; }
  .am-final .am-topnav .am-sitewide,.am-hof .am-topnav .am-sitewide,
  .am-final.am-rankings-page .am-topnav .am-sitewide {
    width:calc(100% - 36px)!important;max-width:none!important;
    min-height:68px!important;gap:14px!important;justify-content:space-between!important;
  }
  .am-final .am-rank-navbar-logo,.am-hof .am-rank-navbar-logo {
    display:block!important;flex:0 0 150px!important;width:150px!important;margin-right:auto!important;
  }
  .am-final .am-rank-navbar-logo img,.am-hof .am-rank-navbar-logo img {max-height:56px!important}
  .am-final .am-mobile-brand,.am-hof .am-mobile-brand {display:none!important}
  /* On all mobile/tablet widths, account actions belong in the drawer. */
  .am-final .am-topnav .am-account-links,.am-hof .am-topnav .am-account-links {display:none!important}
  .am-final .am-menu-toggle,.am-hof .am-menu-toggle {
    display:inline-flex!important;order:4!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:102px!important;height:43px!important;
    padding:0 15px!important;gap:8px!important;margin:0!important;
    flex-direction:row!important;position:relative!important;cursor:pointer!important;
    border:1px solid rgba(179,121,76,.63)!important;border-radius:3px!important;
    background:linear-gradient(180deg,#28171a,#170f13)!important;color:#f6d7a6!important;
    font:700 11px/1.2 Cinzel,Georgia,serif!important;letter-spacing:1.2px!important;
  }
  .am-final .am-menu-toggle .am-menu-caption,.am-hof .am-menu-toggle .am-menu-caption {
    display:inline!important;width:auto!important;height:auto!important;
    background:none!important;white-space:nowrap!important;
  }
  .am-final .am-menu-toggle .am-menu-bars,.am-hof .am-menu-toggle .am-menu-bars {
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    align-items:center!important;gap:4px!important;height:22px!important;width:18px!important;
  }
  .am-final .am-menu-toggle .am-menu-bars >span,.am-hof .am-menu-toggle .am-menu-bars >span {
    display:block!important;width:18px!important;height:2px!important;
    background:#e7bb80!important;border-radius:4px!important;
  }
  .am-final .am-menu-toggle[aria-expanded="true"],.am-hof .am-menu-toggle[aria-expanded="true"] {
    background:#482422!important;border-color:#d5a16f!important;
  }
  .am-final .am-main-nav,.am-hof .am-main-nav,
  .am-final.am-rankings-page .am-main-nav {
    display:none!important;position:absolute!important;z-index:55!important;
    top:100%!important;left:0!important;right:0!important;
    padding:16px max(18px,calc((100% - 560px)/2)) 22px!important;
    max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    background:#140e12!important;border-top:1px solid rgba(204,136,83,.22)!important;
    border-bottom:2px solid #a66d46!important;
    box-shadow:0 22px 35px rgba(0,0,0,.87)!important;
    white-space:normal!important;
  }
  .am-final .am-main-nav.am-nav-open,.am-hof .am-main-nav.am-nav-open,
  .am-final.am-rankings-page .am-main-nav.am-nav-open {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:0!important;
  }
  .am-final .am-main-nav::before,.am-hof .am-main-nav::before {
    content:'EXPLORE ANCIENTMU'!important;display:block!important;
    margin:0 0 9px!important;padding:0 6px 12px!important;
    border-bottom:1px solid rgba(184,119,82,.25)!important;
    font:700 10px Cinzel,Georgia,serif!important;letter-spacing:2px!important;color:#a98168!important;
  }
  .am-final .am-cms-nav,.am-hof .am-cms-nav,
  .am-final .am-cms-nav>ul,.am-hof .am-cms-nav>ul {
    display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  .am-final .am-cms-nav li,.am-hof .am-cms-nav li {display:block!important;border:0!important}
  .am-final .am-cms-nav li::before,.am-hof .am-cms-nav li::before {display:none!important}
  /* Explicitly override WebEngine's centered, specially decorated HOME entry. */
  .am-final .am-main-nav a,.am-hof .am-main-nav a,
  .am-final .am-main-nav .am-home-link,.am-hof .am-main-nav .am-home-link,
  .am-final .am-main-nav .am-hof-link,.am-hof .am-main-nav .am-hof-link,
  .am-final.am-rankings-page .am-main-nav a {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    box-sizing:border-box!important;gap:15px!important;
    width:100%!important;min-height:52px!important;
    margin:0!important;padding:13px 14px!important;
    border:0!important;border-bottom:1px solid rgba(172,110,78,.2)!important;
    border-radius:0!important;box-shadow:none!important;background:transparent!important;
    font:700 12px/1.35 Cinzel,Georgia,serif!important;
    letter-spacing:.6px!important;text-align:left!important;color:#d8c3ae!important;
  }
  .am-final .am-main-nav a.am-current,.am-hof .am-main-nav a.am-current,
  .am-final .am-main-nav a[aria-current="page"],.am-hof .am-main-nav a[aria-current="page"] {
    padding-left:11px!important;border-left:3px solid #dca466!important;
    background:linear-gradient(90deg,rgba(120,59,40,.28),transparent 90%)!important;
    color:#ffe0aa!important;
  }
  .am-final .am-main-nav a::after,.am-hof .am-main-nav a::after {display:none!important}
  .am-final .am-main-nav a .am-nav-icon,.am-hof .am-main-nav a .am-nav-icon {
    width:19px!important;height:19px!important;flex:0 0 19px!important;
  }
  .am-final .am-mobile-account,.am-hof .am-mobile-account {
    display:block!important;margin:17px 0 0!important;padding:15px 0 0!important;
    border-top:1px solid rgba(178,110,74,.36)!important;
  }
  .am-final .am-mobile-account-title,.am-hof .am-mobile-account-title {
    display:block!important;margin:0 0 12px!important;padding-left:5px!important;
    color:#a98168!important;font:700 10px Cinzel,Georgia,serif!important;letter-spacing:2px!important;
  }
  .am-final .am-mobile-account-actions,.am-hof .am-mobile-account-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
  }
  .am-final .am-main-nav .am-mobile-account-actions a,.am-hof .am-main-nav .am-mobile-account-actions a {
    display:flex!important;justify-content:center!important;gap:8px!important;
    min-width:0!important;width:100%!important;min-height:45px!important;
    padding:12px 6px!important;border:1px solid rgba(181,121,81,.55)!important;
    border-radius:3px!important;background:#22161a!important;
    color:#ebcda7!important;font:700 11px Cinzel,Georgia,serif!important;
    white-space:normal!important;text-align:center!important;
  }
  .am-final .am-main-nav .am-mobile-account-actions a.am-register-link,
  .am-hof .am-main-nav .am-mobile-account-actions a.am-register-link,
  .am-final .am-main-nav .am-mobile-account-actions a[href*="register/"],
  .am-hof .am-main-nav .am-mobile-account-actions a[href*="register/"] {
    border-color:#ae6a48!important;background:linear-gradient(180deg,#772922,#48191a)!important;
  }
  .am-final .am-menu-toggle:focus-visible,.am-hof .am-menu-toggle:focus-visible {
    outline:2px solid #ffdd9d!important;outline-offset:3px!important;
  }
}
@media (max-width:420px) {
  .am-final .am-topnav .am-sitewide,.am-hof .am-topnav .am-sitewide,
  .am-final.am-rankings-page .am-topnav .am-sitewide {width:calc(100% - 28px)!important}
  .am-final .am-rank-navbar-logo,.am-hof .am-rank-navbar-logo {flex-basis:137px!important;width:137px!important}
  .am-final .am-menu-toggle,.am-hof .am-menu-toggle {min-width:94px!important;height:41px!important;padding:0 11px!important}
}
@media (prefers-reduced-motion:reduce) {
  .am-final .am-topnav *,.am-hof .am-topnav * {transition:none!important}
}

/* V6.2 refinements: identical logo and account controls on every page.
   Hover never creates a competing active indicator. */
.am-final .am-account-links a,.am-hof .am-account-links a {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  white-space:nowrap!important;line-height:1.3!important;
}
.am-final .am-account-links a .am-nav-icon,.am-hof .am-account-links a .am-nav-icon {
  width:14px!important;height:14px!important;flex:0 0 14px!important;
}
@media (max-width:1150px) {
  .am-final .am-main-nav .am-mobile-account-actions a .am-nav-icon,
  .am-hof .am-main-nav .am-mobile-account-actions a .am-nav-icon {
    width:16px!important;height:16px!important;flex:0 0 16px!important;
  }
}

/* V6.5 — exact same top-left logo rendering on CMS and static HOF pages.
   The file is identical; inherited theme styles are not allowed to change its appearance. */
.am-final .am-topnav .am-rank-navbar-logo,
.am-hof .am-topnav .am-rank-navbar-logo {
  box-sizing:border-box!important;opacity:1!important;filter:none!important;
  transform:none!important;mix-blend-mode:normal!important;
}
.am-final .am-topnav .am-rank-navbar-logo img.am-unified-logo-image,
.am-hof .am-topnav .am-rank-navbar-logo img.am-unified-logo-image {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  height:auto!important;max-height:60px!important;object-fit:contain!important;
  opacity:1!important;mix-blend-mode:normal!important;transform:none!important;
  image-rendering:auto!important;
  filter:brightness(1.06) saturate(1.1) drop-shadow(0 0 5px rgba(214,69,43,.13))!important;
}
@media (max-width:1150px) {
  .am-final .am-topnav .am-rank-navbar-logo img.am-unified-logo-image,
  .am-hof .am-topnav .am-rank-navbar-logo img.am-unified-logo-image {max-height:56px!important}
}
