/* ============================================================
   BPHOST shared site header — SINGLE SOURCE for the main site
   AND the WHMCS theme. Namespaced .shdr* so it never collides
   with the legacy theme or WHMCS Bootstrap. Keep this file and
   partials/site_header.php (+ the WHMCS header.tpl copy) in sync.
============================================================ */
/* Brand-red bar: the same #a80400 the home hero starts on, so the two read as one surface. */
.shdr{position:sticky;top:0;z-index:1000;background:#a80400}
/* Overlay mode (home, opt-in via $shdr_overlay): the bar is part of the hero.
   Transparent, so the hero's mesh runs up behind the menu; a hairline is the
   only boundary; the hero is pulled up under it by the bar's measured height
   (.hero-under-nav). Once the hero has scrolled past, the bar goes solid so
   the menu never sits transparent over the rest of the page. */
.shdr.shdr-overlay{background:transparent;border-bottom:1px solid rgba(255,255,255,.22);transition:background-color .25s ease,border-color .25s ease}
.shdr.shdr-overlay.shdr-solid{background:#a80400;border-bottom-color:rgba(255,255,255,.12)}
.shdr-in{max-width:1680px;margin:0 auto;padding:11px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.shdr-logo{display:block;flex:none;line-height:0}
.shdr-logo img{height:61px;width:auto;display:block}

.shdr-nav{display:flex;align-items:center;gap:0}
.shdr-nav>a{position:relative;font-family:inherit;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:rgba(255,255,255,.86);text-decoration:none;padding:10px 13px;line-height:1;white-space:nowrap;transition:color .15s}
.shdr-nav>a::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;border-radius:2px;background:#fff;transform:scaleX(0);transition:transform .18s}
.shdr-nav>a:hover,.shdr-nav>a.active{color:#fff}
.shdr-nav>a:hover::after,.shdr-nav>a.active::after{transform:scaleX(1)}

.shdr-sep{flex:none;width:1px;height:24px;background:rgba(255,255,255,.35);margin:0 8px 0 16px}
.shdr-act{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:6px 9px;text-decoration:none;transition:opacity .15s}
.shdr-act:hover{color:#fff;opacity:.75}
.shdr-act svg{width:22px;height:22px;display:block}

.shdr-burger{display:none;background:none;border:0;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.shdr-burger span{display:block;width:24px;height:2px;background:#fff}

@media(max-width:980px){
  .shdr-in{padding:10px 20px;flex-wrap:wrap}
  .shdr-logo img{height:54px}
  .shdr-burger{display:flex;order:2}
  .shdr-nav{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;padding:6px 0 10px}
  .shdr.shdr-open .shdr-nav{display:flex}
  .shdr-nav>a{width:100%;padding:12px 4px}
  .shdr-nav>a::after{left:4px;right:auto;width:28px;bottom:4px}
  .shdr-sep{display:none}
  .shdr-act{padding:12px 4px}
}