/* ============================================================
   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.
============================================================ */
.shdr{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e7edf2}
.shdr-in{max-width:1680px;margin:0 auto;padding:14px 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:76px;width:auto;display:block}

.shdr-nav{display:flex;align-items:center;gap:0}
.shdr-nav>a{font-family:inherit;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:#0E0E12;text-decoration:none;padding:10px 13px;line-height:1;white-space:nowrap;transition:color .15s}
.shdr-nav>a:hover,.shdr-nav>a.active{color:#a80400}

.shdr-sep{flex:none;width:1px;height:24px;background:#c7ced7;margin:0 8px 0 16px}
.shdr-act{display:inline-flex;align-items:center;justify-content:center;color:#a80400;padding:6px 9px;text-decoration:none}
.shdr-act:hover{color:#850300}
.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:#0E0E12}

@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-sep{display:none}
  .shdr-act{padding:12px 4px}
}