/* Willie Buck sitewide header — shared V2
   Visual thirds: brand / navigation / socials+search */
:root{
  --chrome-max:1720px;
}

.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1000;
  height:var(--nav-h,78px);
  background:linear-gradient(180deg,rgba(2,7,12,.97),rgba(2,7,12,.82));
  border-bottom:1px solid rgba(238,205,134,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header .nav-shell{
  width:min(calc(100% - 48px),var(--chrome-max,1720px))!important;
  margin:0 auto!important;
  height:100%;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
.site-header .brand{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  margin:0!important;
}
.site-header .brand-mark{width:37px;height:37px;object-fit:contain}
.site-header .brand-name{width:118px;height:auto;object-fit:contain}
.site-header .site-nav{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  justify-self:auto!important;
}
.site-header .site-nav ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(10px,.82vw,18px)!important;
  list-style:none;
  margin:0;
  padding:0;
}
.site-header .site-nav a{
  position:relative;
  color:rgba(255,255,255,.84);
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(.74rem,.76vw,.94rem)!important;
  letter-spacing:.065em;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
.site-header .site-nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-11px;
  width:0;
  height:2px;
  background:var(--gold-2,var(--gold2,#eabd62));
  transition:width .25s ease;
}
.site-header .site-nav a:hover,
.site-header .site-nav a.active{color:var(--gold-2,var(--gold2,#eabd62))}
.site-header .site-nav a:hover::after,
.site-header .site-nav a.active::after{width:100%}

.site-header .header-actions{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:8px;
}
.site-header .social-link,
.site-header .header-search{
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.02);
  color:#fff;
  text-decoration:none;
  padding:0;
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.site-header .social-link:hover,
.site-header .header-search:hover{
  border-color:var(--gold-2,var(--gold2,#eabd62));
  color:var(--gold-2,var(--gold2,#eabd62));
  transform:translateY(-1px);
}
.site-header .social-link svg,
.site-header .header-search svg{width:15px;height:15px;fill:currentColor}
.site-header .header-search{
  border-color:transparent;
  color:var(--gold-2,var(--gold2,#eabd62));
  cursor:pointer;
}
.site-header .menu-toggle{display:none!important;margin-left:4px!important}

@media (max-width:1180px){
  .site-header .brand-name{width:106px}
  .site-header .site-nav ul{gap:10px!important}
  .site-header .site-nav a{font-size:.76rem!important}
  .site-header .header-actions{gap:6px}
  .site-header .social-link,.site-header .header-search{width:28px;height:28px}
}
@media (max-width:1030px){
  .site-header .menu-toggle{
    box-sizing:border-box;
    -webkit-appearance:none;
    appearance:none;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:10px;
    border:1px solid rgba(238,205,134,.35);
    border-radius:4px;
    background:transparent;
    color:#f0ca73;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
  }
  .site-header .menu-toggle span{
    display:block;
    flex:0 0 2px;
    width:22px;
    height:2px;
    margin:0;
    border:0;
    background:currentColor;
    opacity:1;
    transform:none;
  }
  .site-header .menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-header .menu-toggle.is-open span:nth-child(2){opacity:0}
  .site-header .menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-header .header-search{width:44px;height:44px;-webkit-appearance:none;appearance:none}
  .site-header .brand{position:static;transform:none}
  .site-header .header-actions{position:static;transform:none;margin-left:auto}
  .site-header .site-nav{
    position:absolute!important;
    left:0!important;
    top:var(--nav-h,78px)!important;
    transform:none!important;
    width:100%;
    box-sizing:border-box;
    max-height:calc(100vh - var(--nav-h,78px));
    max-height:calc(100svh - var(--nav-h,78px));
    overflow-y:auto;
    background:rgba(2,7,12,.98);
    border-bottom:1px solid rgba(238,205,134,.18);
    padding:18px 24px 22px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
  }
  .site-header .site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .site-header .site-nav ul{flex-wrap:wrap;gap:15px 22px!important}
  .site-header .site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.92rem!important}
  .site-header .menu-toggle{display:flex!important}
}
@media (max-width:560px){
  .site-header .nav-shell{width:min(calc(100% - 28px),var(--chrome-max,1720px))!important}
  .site-header .social-link{display:none}
  .site-header .brand-name{width:100px}
}

.mobile-socials{display:none!important}
@media(max-width:560px){.site-header .mobile-socials{display:flex!important;gap:18px;flex-basis:100%;padding-top:12px;border-top:1px solid rgba(238,205,134,.18)}.site-header .site-nav{max-height:calc(100svh - var(--nav-h,78px));overflow-y:auto}}