/* BBHA final navigation rebuild — isolated from legacy navigation rules */
.complete-site .cs-header{
  position:sticky!important;top:0!important;z-index:7000!important;
  overflow:visible!important;isolation:auto!important;
  background:#fff!important;backdrop-filter:none!important;
}
.complete-site .cs-menu span{display:block;width:25px;height:3px;border-radius:99px;background:#fff;transition:transform .18s ease,opacity .18s ease}
.complete-site .cs-menu{gap:5px!important;flex-direction:column!important;padding:0!important;font-size:0!important;line-height:0!important;box-shadow:none!important}
.complete-site .cs-menu:before,.complete-site .cs-menu:after{content:none!important;display:none!important}
.complete-site .cs-menu.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.complete-site .cs-menu.open span:nth-child(2){opacity:0}
.complete-site .cs-menu.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:1199px){
  html.bbha-menu-open,body.bbha-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
  .complete-site .cs-nav{position:relative!important}
  .complete-site .cs-menu{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:52px!important;height:52px!important;flex:0 0 52px!important;margin-left:auto!important;
    border:0!important;border-radius:16px!important;background:#0b5e91!important;color:#fff!important;
    position:relative!important;z-index:7003!important;
  }
  .complete-site .cs-actions{display:none!important}
  .complete-site .cs-links{
    display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(360px,88vw)!important;height:100dvh!important;max-height:100dvh!important;
    box-sizing:border-box!important;margin:0!important;padding:0 16px calc(22px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    background:#fff!important;color:#183746!important;border:0!important;border-radius:0 20px 20px 0!important;
    box-shadow:none!important;filter:none!important;backdrop-filter:none!important;opacity:1!important;
    transform:translate3d(-105%,0,0)!important;visibility:visible!important;pointer-events:none!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;z-index:7002!important;
    white-space:normal!important;
  }
  .complete-site .cs-links.open{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
  .complete-site .cs-nav-overlay{
    display:block!important;position:fixed!important;inset:0!important;z-index:6500!important;
    background:rgba(3,28,43,.48)!important;backdrop-filter:none!important;filter:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;
  }
  .complete-site .cs-nav-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .complete-site .cs-drawer-brand{
    display:flex!important;position:sticky!important;top:0!important;z-index:3!important;
    flex:0 0 auto!important;align-items:center!important;gap:12px!important;
    min-height:108px!important;margin:0 -16px 10px!important;
    padding:calc(14px + env(safe-area-inset-top)) 70px 14px 16px!important;
    background:#fff!important;border-bottom:1px solid #dce8ed!important;
  }
  .complete-site .cs-drawer-brand img{
    display:block!important;width:66px!important;height:66px!important;flex:0 0 66px!important;
    object-fit:contain!important;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;
  }
  .complete-site .cs-drawer-brand span{display:flex!important;flex-direction:column!important;min-width:0!important}
  .complete-site .cs-drawer-brand b{display:block!important;color:#0b4b70!important;font:700 16px/1.18 Georgia,serif!important;white-space:normal!important}
  .complete-site .cs-drawer-brand small{display:block!important;margin-top:5px!important;color:#15906f!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important}
  .complete-site .cs-links>a{
    display:flex!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;min-height:45px!important;
    box-sizing:border-box!important;margin:0!important;padding:10px 14px!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:#24424f!important;font-size:14px!important;font-weight:650!important;
    text-decoration:none!important;box-shadow:none!important;filter:none!important;
  }
  .complete-site .cs-links>a.active{background:#edf6fa!important;color:#0b5e91!important;box-shadow:inset 4px 0 0 #0b5e91!important}
  .complete-site .cs-links>a:hover{background:#f3f8fa!important;color:#0b5e91!important}
  .complete-site .cs-mobile-group{display:block!important;flex:0 0 auto!important;margin:14px 14px 4px!important;color:#71838c!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important}
  .complete-site .mobile-account-link{display:flex!important;border:1px solid #d8e5ea!important}
  .complete-site .signup-mobile{background:#eef7f4!important;color:#0c7251!important;border-color:#cde9df!important}
  .complete-site .mobile-donate-link{display:flex!important;justify-content:center!important;margin-top:6px!important;background:linear-gradient(135deg,#0b5e91,#15986b)!important;color:#fff!important;font-weight:800!important}
}
@media (max-width:480px){
  .complete-site .cs-links{width:min(344px,90vw)!important;padding-inline:14px!important}
  .complete-site .cs-drawer-brand{margin-inline:-14px!important;padding-left:14px!important;min-height:100px!important}
  .complete-site .cs-drawer-brand img{width:60px!important;height:60px!important;flex-basis:60px!important}
  .complete-site .cs-drawer-brand b{font-size:14px!important}
  .complete-site .cs-menu{width:50px!important;height:50px!important;flex-basis:50px!important}
}
@media (min-width:1200px){
  .complete-site .cs-menu{display:none!important}
  .complete-site .cs-nav-overlay{display:none!important}
  .complete-site .cs-links{filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
}

/* Final fixed header and clean desktop navigation — authoritative */
:root{--bbha-public-header-height:88px}
.complete-site .cs-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9000!important;
  background:#fff!important;
  border-bottom:1px solid #dbe7ec!important;
  box-shadow:0 4px 18px rgba(7,63,97,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.complete-site main{padding-top:var(--bbha-public-header-height)!important}
.complete-site .cs-nav{
  height:var(--bbha-public-header-height)!important;
  min-height:var(--bbha-public-header-height)!important;
  box-sizing:border-box!important;
}

/* Large desktop: one clean line, no stacked or overlapping labels */
@media (min-width:1360px){
  .complete-site .cs-shell{width:min(1320px,calc(100% - 40px))!important}
  .complete-site .cs-nav{
    display:grid!important;
    grid-template-columns:248px minmax(0,1fr) auto!important;
    gap:22px!important;
    align-items:center!important;
  }
  .complete-site .cs-brand{display:flex!important;min-width:0!important;max-width:248px!important;gap:10px!important}
  .complete-site .cs-brand-mark{width:56px!important;height:56px!important;flex:0 0 56px!important}
  .complete-site .cs-brand-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .complete-site .cs-brand-copy b{
    font-size:16px!important;line-height:1.08!important;letter-spacing:.01em!important;
    white-space:nowrap!important;overflow:visible!important;
  }
  .complete-site .cs-brand-copy small{font-size:10.5px!important;line-height:1.2!important;margin-top:5px!important;white-space:nowrap!important}
  .complete-site .cs-links{
    display:flex!important;position:static!important;width:auto!important;height:auto!important;max-height:none!important;
    transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    flex-direction:row!important;align-items:center!important;justify-content:center!important;
    overflow:visible!important;padding:0!important;margin:0!important;gap:12px!important;
    background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .complete-site .cs-links>a{
    display:inline-flex!important;width:auto!important;min-height:auto!important;padding:8px 0!important;margin:0!important;
    color:#294654!important;background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;
    white-space:nowrap!important;text-align:center!important;
  }
  .complete-site .cs-links>a.active,.complete-site .cs-links>a:hover{color:#0b5e91!important;background:transparent!important;box-shadow:none!important}
  .complete-site .cs-drawer-brand,.complete-site .cs-mobile-group,.complete-site .mobile-account-link,.complete-site .mobile-donate-link{display:none!important}
  .complete-site .cs-actions{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
  .complete-site .cs-actions a{min-height:40px!important;padding:0 12px!important;font-size:12px!important;border-radius:10px!important;white-space:nowrap!important}
  .complete-site .cs-menu,.complete-site .cs-nav-overlay{display:none!important}
}

/* Laptop, tablet and mobile: use the stable drawer before links can collide */
@media (max-width:1359px){
  :root{--bbha-public-header-height:82px}
  .complete-site .cs-shell.cs-nav{width:min(100% - 28px,1180px)!important}
  .complete-site .cs-nav{display:flex!important;align-items:center!important;gap:14px!important}
  .complete-site .cs-brand{min-width:0!important;max-width:calc(100% - 72px)!important}
  .complete-site .cs-brand-mark{width:54px!important;height:54px!important;flex:0 0 54px!important}
  .complete-site .cs-brand-copy b{font-size:16px!important;line-height:1.08!important;white-space:nowrap!important}
  .complete-site .cs-brand-copy small{font-size:10.5px!important;line-height:1.15!important;white-space:nowrap!important;margin-top:5px!important}
  .complete-site .cs-actions{display:none!important}
  .complete-site .cs-menu{margin-left:auto!important}
}

@media (max-width:640px){
  :root{--bbha-public-header-height:76px}
  .complete-site .cs-shell.cs-nav{width:calc(100% - 22px)!important}
  .complete-site .cs-nav{gap:10px!important}
  .complete-site .cs-brand-mark{width:48px!important;height:48px!important;flex:0 0 48px!important}
  .complete-site .cs-brand-copy b{font-size:14.5px!important;line-height:1.05!important}
  .complete-site .cs-brand-copy small{font-size:9.5px!important;margin-top:4px!important;letter-spacing:.1em!important}
  .complete-site .cs-menu{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:14px!important}
}

@media (max-width:390px){
  .complete-site .cs-brand-copy b{font-size:13.5px!important}
  .complete-site .cs-brand-copy small{font-size:9px!important}
  .complete-site .cs-brand-mark{width:45px!important;height:45px!important;flex-basis:45px!important}
}