/* AutoGathering header. Pit Lane design: white bar, graphite ink, racing red accent, Manrope. */
.agh{--h-ink:#14161A;--h-muted:#5B616B;--h-line:#D9DCE1;--h-bg:#F3F4F6;--h-surface:#FFFFFF;--h-accent:#D7263D;--h-accent-h:#B81E33;--h-font:Manrope,system-ui,sans-serif;--h-shadow:0 12px 32px rgba(20,22,26,.12);
  position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:999;background:var(--h-surface);border-bottom:1px solid var(--h-line);font-family:var(--h-font);color:var(--h-ink)}
.agh *,.agh *::before,.agh *::after{box-sizing:border-box}
.agh a{text-decoration:none;color:inherit}
.agh button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer}
.agh .agh-top,.agh .agh-icon,.agh .agh-avatar{font-family:var(--h-font)!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--h-ink)!important;min-height:0!important;line-height:1.2!important}
.agh .agh-icon:hover{background:var(--h-bg)!important}
.agh .agh-avatar img{border:0!important}
@media (max-width:1024px){.agh .agh-item.is-current>.agh-top{color:var(--h-accent)!important}.agh a.agh-top{padding:0 4px!important}}
.agh-actions{margin-left:auto}
.agh ul{list-style:none;margin:0;padding:0}
.agh p{margin:0}
.agh-i{flex:none;display:block}
.agh-bar{max-width:1240px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:28px}

/* logo */
.agh-logo{display:flex;align-items:center;gap:10px;flex:none}
.agh-logo img{width:40px;height:40px;border-radius:8px;display:block}
.agh-logo span{font-weight:800;font-size:18px;letter-spacing:-.02em}

/* desktop nav */
.agh-nav{flex:1;min-width:0}
.agh-menu{display:flex;align-items:center;gap:4px}
.agh-item{position:relative}
.agh-top{display:flex;align-items:center;gap:4px;height:64px;padding:0 12px;font-weight:700;font-size:15px;color:var(--h-ink);position:relative;white-space:nowrap}
.agh-top .agh-i{width:16px;height:16px;color:var(--h-muted);transition:transform .15s}
.agh-top::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--h-accent);transform:scaleX(0);transition:transform .15s}
.agh-item.is-current>.agh-top::after,.agh-top:hover::after,.agh-item.is-open>.agh-top::after{transform:scaleX(1)}
.agh-item.is-open>.agh-top .agh-i{transform:rotate(180deg)}
.agh-top:focus-visible,.agh-icon:focus-visible,.agh-avatar:focus-visible,.agh a:focus-visible{outline:2px solid var(--h-accent);outline-offset:2px;border-radius:4px}

/* panels */
.agh-panel{position:absolute;top:100%;left:0;min-width:280px;margin-top:1px;background:var(--h-surface);border:1px solid var(--h-line);border-radius:0 0 8px 8px;box-shadow:var(--h-shadow);padding:16px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .12s,transform .12s,visibility 0s .12s}
.agh-item.is-open>.agh-panel{opacity:1;visibility:visible;transform:none;transition:opacity .12s,transform .12s}
@media (hover:hover) and (min-width:1025px){.agh-item.has-panel:hover>.agh-panel{opacity:1;visibility:visible;transform:none;transition:opacity .12s .08s,transform .12s .08s}}
.agh-panel--right{left:auto;right:0}
.agh-panel--wide{width:min(860px,calc(100vw - 40px));display:grid;grid-template-columns:1fr 220px;gap:28px;padding:22px 24px}
.agh-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.agh-panel-title{font-weight:800;font-size:13px;color:var(--h-muted);margin-bottom:10px}
.agh-panel-head .agh-panel-title{margin:0}
.agh-filter{width:180px;height:34px;border:1px solid var(--h-line);border-radius:6px;padding:0 10px;font:600 14px var(--h-font);color:var(--h-ink);background:var(--h-bg)}
.agh-filter:focus{outline:0;border-color:var(--h-ink);background:var(--h-surface)}
.agh-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 12px}
.agh-brands a{display:block;padding:6px 8px;border-radius:4px;font-weight:600;font-size:14px;line-height:1.3}
.agh-brands a:hover,.agh-list a:hover{background:var(--h-bg);color:var(--h-accent)}
.agh-empty{font-size:14px;color:var(--h-muted);padding:6px 8px}
.agh-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--h-line);width:100%;font-weight:800;font-size:14px}
.agh-more .agh-i{width:16px;height:16px;color:var(--h-accent);transition:transform .15s}
.agh-more:hover .agh-i{transform:translateX(3px)}
.agh-col--tracks{border-left:1px solid var(--h-line);padding-left:24px}
.agh-list a{display:block;padding:7px 8px;border-radius:4px;font-weight:600;font-size:14px}
.agh-list--desc a{padding:9px 10px}
.agh-list--desc strong{display:block;font-weight:800;font-size:15px}
.agh-list--desc span{display:block;font-size:13px;font-weight:500;color:var(--h-muted);margin-top:2px}
.agh-list .agh-sep{border-top:1px solid var(--h-line);margin-top:6px;padding-top:6px}
.agh-count{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--h-accent);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.agh-who{padding:4px 8px 10px;margin-bottom:6px;border-bottom:1px solid var(--h-line)}
.agh-who strong{display:block;font-weight:800;font-size:15px}
.agh-who span{font-size:13px;color:var(--h-muted)}

/* actions */
.agh-actions{display:flex;align-items:center;gap:8px;flex:none}
.agh-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:6px}
.agh-icon:hover{background:var(--h-bg)}
.agh-link{font-weight:700;font-size:15px;padding:8px 10px}
.agh-link:hover{color:var(--h-accent)}
.agh-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:6px;background:var(--h-accent);color:#fff!important;font-weight:800;font-size:14px;white-space:nowrap;transition:background .15s}
.agh-btn:hover{background:var(--h-accent-h)}
.agh-btn--ghost{background:transparent;color:var(--h-ink)!important;box-shadow:inset 0 0 0 1px var(--h-ink)}
.agh-btn--ghost:hover{background:var(--h-ink);color:#fff!important}
.agh-account{display:flex}
.agh-avatar{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}
.agh-avatar img{width:34px;height:34px;border-radius:50%;display:block;box-shadow:0 0 0 1px var(--h-line)}
.agh-badge{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--h-accent);color:#fff;font-size:11px;font-weight:800;line-height:18px;border:2px solid var(--h-surface)}
.agh-account .agh-panel{min-width:240px;top:calc(100% + 12px);border-radius:8px}
.agh-burger{display:none}
.agh-burger .agh-i-close,.agh.is-menu .agh-burger .agh-i-menu{display:none}
.agh.is-menu .agh-burger .agh-i-close{display:block}
.agh-nav-foot{display:none}

/* search */
.agh-search{border-top:1px solid var(--h-line);background:var(--h-surface)}
.agh-search[hidden]{display:none}
.agh-search-form{max-width:820px;margin:0 auto;padding:16px 20px 20px}
.agh-scopes{border:0;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.agh-scopes label{cursor:pointer}
.agh-scopes input{position:absolute;opacity:0;pointer-events:none}
.agh-scopes span{display:inline-block;padding:6px 12px;border:1px solid var(--h-line);border-radius:999px;font-weight:700;font-size:13px;color:var(--h-muted)}
.agh-scopes input:checked+span{background:var(--h-ink);border-color:var(--h-ink);color:#fff}
.agh-scopes input:focus-visible+span{outline:2px solid var(--h-accent);outline-offset:2px}
.agh-search-row{display:flex;align-items:center;gap:10px;border:1px solid var(--h-ink);border-radius:8px;padding:4px 4px 4px 14px}
.agh-search-row>.agh-i{color:var(--h-muted)}
.agh-q{flex:1;min-width:0;height:44px;border:0!important;outline:0;background:transparent!important;font:500 17px var(--h-font);color:var(--h-ink);box-shadow:none!important;padding:0!important}
.agh-search-row:focus-within{box-shadow:0 0 0 3px rgba(215,38,61,.15)}

/* hide the old header pieces if anything still prints them */
body.ehf-header #masthead:not(.agh){display:none}

/* tablet + mobile */
@media (max-width:1024px){
  .agh-bar{gap:12px;padding:0 16px;height:60px}
  .agh-desk{display:none}
  .agh-burger{display:grid}
  .agh-nav{position:fixed;left:0;right:0;top:calc(var(--wp-admin--admin-bar--height,0px) + 61px);bottom:0;background:var(--h-surface);overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 24px;display:none;border-top:1px solid var(--h-line)}
  .agh.is-menu .agh-nav{display:flex;flex-direction:column}
  .agh-menu{flex-direction:column;align-items:stretch;gap:0}
  .agh-item{border-bottom:1px solid var(--h-line)}
  .agh-top{width:100%;height:56px;padding:0 4px;justify-content:space-between;font-size:17px}
  .agh-top::after{display:none}
  .agh-item.is-current>.agh-top{color:var(--h-accent)}
  .agh-panel,.agh-panel--wide{position:static;width:auto;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0 4px 16px;display:none;transition:none}
  .agh-item.is-open>.agh-panel{display:block}
  .agh-panel--wide{grid-template-columns:1fr;gap:20px}
  .agh-item.is-open>.agh-panel--wide{display:grid}
  .agh-filter{width:100%;max-width:220px}
  .agh-brands{grid-template-columns:repeat(3,1fr)}
  .agh-col--tracks{border-left:0;padding-left:0}
  .agh-nav-foot{display:flex;gap:10px;margin-top:20px}
  .agh-nav-foot .agh-btn{flex:1;height:46px;font-size:15px}
  .agh-account .agh-panel{position:absolute;display:block;opacity:0;visibility:hidden;border:1px solid var(--h-line);border-radius:8px;box-shadow:var(--h-shadow);padding:12px;right:0;left:auto}
  .agh-account.is-open .agh-panel{opacity:1;visibility:visible}
  .agh-account .agh-panel{position:absolute}
  body.agh-lock{overflow:hidden}
}
/* WordPress's admin bar stops being fixed under 600px, so the header should stick to the very top there */
@media (max-width:600px){.agh{top:0}}
@media (max-width:560px){
  .agh-logo span{display:none}
  .agh-brands{grid-template-columns:repeat(2,1fr)}
  .agh-search-form{padding:12px 16px 16px}
  .agh-q{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.agh *{transition:none!important}}
