/* JLeague Navbar — frontend styles */
.jlnav{
  --jl-ink:#1A1613;
  --jl-bone:#F4EFE7;
  --jl-red:#E11D27;
  --jl-cognac:#A4632B;
  position:sticky;top:0;z-index:9999;
  background:rgba(20,17,14,.92);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;
}
/* Auto-injected global header: truly fixed so it stays pinned on scroll
   regardless of theme overflow settings. */
.jlnav.jlnav-fixed{position:fixed;left:0;right:0;top:0;}
/* Offset for the WordPress admin bar when logged in */
.admin-bar .jlnav.jlnav-fixed{top:32px;}
@media screen and (max-width:782px){
  .admin-bar .jlnav.jlnav-fixed{top:46px;}
}
.jlnav *{box-sizing:border-box;}
.jlnav-inner{
  max-width:1180px;margin:0 auto;padding:0 24px;
  height:70px;display:flex;align-items:center;gap:20px;
}
.jlnav-brand{display:flex;align-items:center;text-decoration:none;flex:none;}
.jlnav-brand img{display:block;}
.jlnav-wordmark{
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--jl-bone);
}

/* Collapsible area (search + links) */
.jlnav-collapse{
  display:flex;align-items:center;gap:22px;flex:1;min-width:0;
}

/* Search */
.jlnav-search{
  display:flex;align-items:center;gap:8px;flex:1;
  max-width:440px;margin:0 auto;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:100px;padding:6px 6px 6px 16px;
  transition:border-color .2s,background .2s;
}
.jlnav-search:focus-within{border-color:var(--jl-red);background:rgba(255,255,255,.12);}
.jlnav-search-ic{width:18px;height:18px;color:#cfc7bb;flex:none;}
.jlnav-search input[type="search"]{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  color:#F4EFE7;font-size:14px;font-family:inherit;padding:6px 0;
}
.jlnav-search input[type="search"]::placeholder{color:#9b9186;}
.jlnav-search-btn{
  flex:none;border:0;cursor:pointer;
  background:var(--jl-red);color:#fff;font-family:inherit;font-weight:600;font-size:13px;
  padding:8px 18px;border-radius:100px;transition:transform .15s,background .2s;
}
.jlnav-search-btn:hover{transform:translateY(-1px);background:#c9161f;}

/* Links */
.jlnav-links{display:flex;align-items:center;gap:26px;flex:none;margin-left:auto;}
.jlnav-link{
  text-decoration:none;font-size:14px;font-weight:500;
  color:#EFE9E0;opacity:.85;transition:opacity .15s;white-space:nowrap;
}
.jlnav-link:hover{opacity:1;}
.jlnav-cta{
  opacity:1;background:var(--jl-red);color:#fff;
  padding:9px 20px;border-radius:100px;font-weight:600;
  border:1.5px solid var(--jl-red);transition:background .2s,color .2s,border-color .2s,transform .15s;
}
.jlnav-cta:hover{background:#fff;color:var(--jl-ink);border-color:#fff;transform:translateY(-1px);opacity:1;}

/* Burger */
.jlnav-toggle{
  display:none;flex:none;margin-left:auto;
  width:44px;height:44px;min-width:44px;
  padding:0 !important;margin-top:0;margin-bottom:0;
  border:0 !important;outline:0;box-shadow:none !important;
  background:transparent !important;background-color:transparent !important;
  border-radius:8px;cursor:pointer;color:#fff !important;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  align-items:center;justify-content:center;line-height:1;text-indent:0;
}
.jlnav-toggle:hover,.jlnav-toggle:focus{background:rgba(255,255,255,.10) !important;}
.jlnav-toggle:focus-visible{outline:2px solid var(--jl-red);outline-offset:2px;}
.jlnav-burger,.jlnav-burger::before,.jlnav-burger::after{
  content:"";display:block;width:24px;height:2px;background:#fff;border-radius:2px;
  transition:transform .25s ease,opacity .2s ease;
}
.jlnav-burger{position:relative;}
.jlnav-burger::before{position:absolute;top:-7px;left:0;}
.jlnav-burger::after{position:absolute;top:7px;left:0;}
.jlnav.jlnav-is-open .jlnav-burger{background:transparent;}
.jlnav.jlnav-is-open .jlnav-burger::before{transform:translateY(7px) rotate(45deg);}
.jlnav.jlnav-is-open .jlnav-burger::after{transform:translateY(-7px) rotate(-45deg);}

/* Mobile */
@media (max-width:900px){
  .jlnav-toggle{display:flex;}
  .jlnav-collapse{
    position:absolute;left:0;right:0;top:70px;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--jl-ink);
    border-bottom:1px solid rgba(255,255,255,.08);
    max-height:0;overflow:hidden;
    transition:max-height .3s ease;
  }
  .jlnav.jlnav-is-open .jlnav-collapse{max-height:520px;}
  .jlnav-search{max-width:none;margin:16px 20px;flex:none;}
  .jlnav-links{flex-direction:column;align-items:stretch;gap:0;margin:0;}
  .jlnav-link{padding:15px 24px;border-top:1px solid rgba(255,255,255,.08);opacity:1;font-size:15px;}
  .jlnav-cta{margin:14px 24px;padding:14px;text-align:center;border-radius:100px;}
  .jlnav-contact{display:block;padding:18px 24px 24px;border-top:1px solid rgba(255,255,255,.08);}
}

/* Contact block (mobile menu only) */
.jlnav-contact{display:none;}
.jlnav-contact-title{
  display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:#9b9186;font-weight:600;margin-bottom:12px;
}
.jlnav-contact-icons{display:flex;gap:12px;}
.jlnav-contact-icons a{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#F4EFE7;text-decoration:none;
  transition:background .2s,transform .15s;
}
.jlnav-contact-icons a:hover{background:var(--jl-red);color:#fff;transform:translateY(-2px);}
.jlnav-contact-icons svg{width:19px;height:19px;display:block;}

@media (prefers-reduced-motion:reduce){
  .jlnav *{transition:none !important;}
}