/* Blackwater / CWS shared site header — Phase 5. Single source, copied verbatim to both repos.
   Edit here, then copy to bwj-site/assets/shared/header.css and cws-marketing/assets/shared/header.css.
   Never hand-edit one side. */
.site-header{
  --sh-bg:#14100b;
  --sh-nav:#12100a;
  --sh-strip:#0d0b07;
  --sh-panel:#1a160e;
  --sh-hover:#241d12;
  --sh-border:#33261a;
  --sh-divider:#2a2118;
  --sh-cream:#f3e8d2;
  --sh-tan:#cbb68c;
  --sh-muted:#8a7860;
  --sh-dim:#6b5c45;
  --sh-orange:#e8894a;
  --sh-cta-bg:#d2622a;
  --sh-cta-text:#1a1206;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  display:block;
}
.site-header *{box-sizing:border-box}

/* Tier 1 — property strip */
.sh-strip{background:var(--sh-strip);border-bottom:1px solid var(--sh-border);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.sh-strip-row{max-width:1000px;margin:0 auto;display:flex;align-items:center;padding:8px 22px}
.sh-strip-inner{display:flex;align-items:center;gap:8px}
.sh-strip-item{color:var(--sh-muted);text-decoration:none}
.sh-strip-item:hover{color:var(--sh-cream)}
.sh-strip-item.sh-current{color:var(--sh-orange);pointer-events:none;cursor:default}
.sh-strip-item.sh-current:hover{color:var(--sh-orange)}
.sh-strip-sep{color:var(--sh-dim)}
.sh-strip-loc{margin-left:auto;color:var(--sh-muted);white-space:nowrap}
.sh-strip .sh-short{display:none}

/* Tier 2 — main nav */
.sh-nav{background:var(--sh-nav);border-bottom:1px solid var(--sh-border);position:relative}
.sh-nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:11px 22px;position:relative}
.sh-logo{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--sh-cream);text-decoration:none;letter-spacing:.3px;white-space:nowrap}
.sh-logo:hover{color:var(--sh-orange)}
.sh-logo img{display:block;border-radius:50%;width:32px;height:32px}
body[data-site="bwj"] .sh-logo[data-property="cws"],
body[data-site="cws"] .sh-logo[data-property="bwj"]{display:none}

.sh-burger{display:none;background:none;border:none;cursor:pointer;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}
.sh-burger span{width:22px;height:2px;background:var(--sh-cream);display:block;border-radius:1px}

.sh-links{display:flex;align-items:center;gap:20px;flex:1;min-width:0}
.sh-links-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}
.sh-links-head{display:none}
.sh-group{position:relative}
.sh-glabel{background:none;border:none;color:var(--sh-tan);font-size:12.5px;font-family:inherit;display:flex;align-items:center;gap:5px;padding:8px 10px;cursor:pointer;border-radius:6px;white-space:nowrap}
.sh-glabel:hover,.sh-glabel:focus-visible{color:var(--sh-orange)}
.sh-glabel[aria-expanded="true"]{color:var(--sh-orange)}
.sh-chev{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}
.sh-glabel[aria-expanded="true"] .sh-chev{transform:rotate(180deg)}

.sh-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:var(--sh-panel);border:1px solid var(--sh-border);border-radius:10px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:60}
.sh-dd.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.sh-dd-heading{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--sh-dim);padding:6px 10px 4px}
.sh-dd a{display:block;padding:8px 10px;border-radius:6px;color:var(--sh-tan);font-size:13px;text-decoration:none}
.sh-dd a:hover,.sh-dd a:focus-visible{background:var(--sh-hover);color:var(--sh-cream)}
.sh-dd-divider{height:1px;background:var(--sh-divider);margin:6px 4px}

.sh-plain{color:var(--sh-tan);font-size:12.5px;text-decoration:none;padding:8px 10px;border-radius:6px;white-space:nowrap}
.sh-plain:hover,.sh-plain:focus-visible{color:var(--sh-orange)}

.sh-cta{margin-left:auto;background:var(--sh-cta-bg);color:var(--sh-cta-text);font-weight:800;font-size:13px;padding:10px 18px;border-radius:8px;text-decoration:none;white-space:nowrap}
.sh-cta:hover,.sh-cta:focus-visible{filter:brightness(1.08);color:var(--sh-cta-text)}

/* Mobile — below 900px */
@media (max-width:899px){
  .sh-strip .sh-full{display:none}
  .sh-strip .sh-short{display:inline}
  .sh-strip-loc{display:none}

  .sh-burger{display:flex}

  .sh-links-nav{display:contents}

  .sh-links{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-left:0;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:var(--sh-bg);
    padding:16px;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility .18s;
    overflow-y:auto;
    z-index:100;
  }
  .sh-links.is-open{opacity:1;visibility:visible;pointer-events:auto}

  .sh-links-head{display:flex;justify-content:flex-end;margin-bottom:6px}
  .sh-mclose{background:none;border:none;color:var(--sh-cream);font-size:28px;line-height:1;width:44px;height:44px;cursor:pointer}

  .sh-group{width:100%}
  .sh-glabel{width:100%;justify-content:space-between;min-height:44px;font-size:15px;padding:11px 10px}
  .sh-dd{
    position:static;min-width:0;width:100%;box-shadow:none;border:none;background:transparent;
    padding:0 0 0 10px;transform:none;
    max-height:0;overflow:hidden;
    transition:max-height .2s ease,opacity .15s ease,visibility .2s;
  }
  .sh-dd.is-open{max-height:640px;padding-bottom:6px}
  .sh-dd a{min-height:44px;display:flex;align-items:center;font-size:14.5px}
  .sh-dd-heading{padding:8px 10px 4px}

  .sh-plain{min-height:44px;display:flex;align-items:center;font-size:15px}

  .sh-cta{
    margin:12px 0 0;width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;
    position:sticky;bottom:0;background:var(--sh-cta-bg);
  }
}