/* Brown Family Sports — shared site header (hamburger). Self-contained colours. */
.bfs-nav{
  position:sticky; top:0; z-index:100; padding:18px 48px;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(18,13,9,0.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
}
.bfs-nav .brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.bfs-nav .brand img{ height:34px; width:auto; display:block; }
.bfs-nav .brand .wm{ font-size:0.68rem; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#C8B89A; line-height:1.3; }
.bfs-nav .brand .wm span{ display:block; font-weight:300; letter-spacing:0.14em; font-size:0.58rem; color:#8A7D6B; }
.bfs-nav .toggle{ appearance:none; background:transparent; border:none; cursor:pointer; width:42px; height:42px; padding:9px; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.bfs-nav .toggle span{ display:block; height:2px; width:100%; background:#C8B89A; border-radius:2px; transition:transform .3s ease, opacity .2s ease, background .3s; }
.bfs-nav .toggle:hover span{ background:#F4EFE6; }
.bfs-nav.open .toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.bfs-nav.open .toggle span:nth-child(2){ opacity:0; }
.bfs-nav.open .toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.bfs-nav .menu{
  position:absolute; top:100%; right:40px; margin-top:4px; min-width:224px;
  display:flex; flex-direction:column; gap:2px; padding:10px;
  background:rgba(18,13,9,0.96); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,0.08); border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,0.5);
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.bfs-nav.open .menu{ opacity:1; visibility:visible; transform:translateY(0); }
.bfs-nav .menu a{ padding:12px 16px; border-radius:9px; font-size:0.72rem; font-weight:500; letter-spacing:0.14em; text-transform:uppercase; color:#8A7D6B; text-decoration:none; transition:background .2s, color .2s; }
.bfs-nav .menu a:hover{ background:rgba(25,181,198,0.12); color:#F4EFE6; }
@media (max-width:640px){ .bfs-nav{ padding:14px 20px; } .bfs-nav .menu{ right:20px; } }