/* Honest Hockey navigation. ONE copy, linked by every page.
   It used to live inline in index.html AND in _legal_style.css, and a fix
   applied to one of them silently did nothing on the other. 8 Sept 2026. */

/* ---- HHNAV: five-group navigation, added 8 Sept 2026 ---- */
header{position:sticky;top:0;z-index:60;background:rgba(11,14,19,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.nav{display:flex;align-items:center;gap:20px;height:72px;max-width:1400px;margin:0 auto;padding:0 34px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--tx);flex:none}
.brand img{height:34px;width:34px;border-radius:8px;background:#000;padding:2px}
.brand{font-size:17px}
.brand:hover{text-decoration:none}
.mainnav{display:flex;align-items:center;gap:4px;margin-left:auto}
.ni{position:relative}
.nt{display:flex;align-items:center;gap:7px;font-family:inherit;font-size:15.5px;font-weight:600;line-height:1;color:var(--mut);background:none;border:0;
    padding:11px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;font-family:inherit}
a.nt{text-decoration:none}
.nt:hover,.nt:focus-visible{color:var(--tx);background:rgba(255,255,255,.06);text-decoration:none}
.nt[aria-expanded="true"]{color:var(--tx);background:rgba(255,255,255,.07)}
.nt i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
      border-top:5px solid currentColor;opacity:.7;transition:transform .15s ease}
.nt[aria-expanded="true"] i{transform:rotate(180deg)}
.dd{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:238px;background:var(--card);
    border:1px solid var(--bd);border-radius:12px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:70}
.ni.open .dd{display:block}
.dd a{display:block;padding:10px 12px;border-radius:8px;color:var(--tx);font-size:14.5px;text-decoration:none;line-height:1.35}
.dd a:hover,.dd a:focus-visible{background:rgba(255,255,255,.07);text-decoration:none}
.navcta{display:flex;gap:8px;margin-left:10px;flex:none}
.nbtn{display:inline-block;padding:11px 19px;border-radius:24px;border:1px solid var(--bd);
      color:var(--tx);font-family:inherit;font-size:14.5px;font-weight:700;line-height:1;
      text-decoration:none;white-space:nowrap}
.nbtn:hover{border-color:var(--mut);text-decoration:none}
.nbtn.solid{background:var(--red);border-color:var(--red);color:#fff}
.menubtn{display:none;background:none;border:0;color:var(--tx);font-size:24px;line-height:1;
         padding:6px 10px;cursor:pointer;margin-left:auto}
@media(max-width:1120px){
  .menubtn{display:block}
  .mainnav{position:absolute;top:72px;left:0;right:0;margin:0;display:none;flex-direction:column;
           align-items:stretch;gap:0;background:var(--card);border-bottom:1px solid var(--bd);
           padding:8px 0 14px;max-height:calc(100vh - 72px);overflow-y:auto}
  .mainnav.open{display:flex}
  .ni{position:static}
  .nt{width:100%;justify-content:space-between;padding:14px 22px;border-radius:0;font-size:16.5px}
  .dd{display:none;position:static;border:0;box-shadow:none;background:transparent;padding:0 0 6px 0;min-width:0}
  .ni.open .dd{display:block}
  .dd a{padding:11px 22px 11px 38px;color:var(--mut);font-size:15px}
  .navcta{flex-direction:column;padding:12px 22px 0;margin:6px 0 0;gap:10px;border-top:1px solid var(--bd)}
  .nbtn{text-align:center;padding:13px 15px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.nt i{transition:none}}
/* ---- /HHNAV ---- */