/* BigBear360 Shared Shell | owns navbar, mobile menu, newsletter, footer */

#bb360-shell-header{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  position:relative!important;
  z-index:999999!important;
}

#bb360-shell-header .topbar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:999999!important;
  width:100%!important;
  background:rgba(5,5,5,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px)!important;
}

#bb360-shell-header .wrap.nav{
  width:100%!important;
  max-width:none!important;
  min-height:78px!important;
  margin:0!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
}

#bb360-shell-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  letter-spacing:0!important;
}

#bb360-shell-header .brand img{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  display:block!important;
}

#bb360-shell-header .brand span{
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
}

#bb360-shell-header .brand b{
  color:#ff6a00!important;
}

#bb360-shell-header .navlinks{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(10px,1vw,17px)!important;
  min-width:0!important;
  color:#c9bfae!important;
  font-size:clamp(10.5px,.78vw,12.5px)!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}

#bb360-shell-header .navlinks a{
  color:#c9bfae!important;
  text-decoration:none!important;
  font-weight:850!important;
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  transition:color .18s ease,text-shadow .18s ease!important;
}

#bb360-shell-header .navlinks a:hover,
#bb360-shell-header .navlinks a.active{
  color:#ff7a18!important;
  text-shadow:0 0 16px rgba(255,106,0,.32)!important;
}

#bb360-shell-header .nav-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ff6a00!important;
  color:#fff!important;
  background:transparent!important;
  padding:11px 17px!important;
  border-radius:999px!important;
  box-shadow:0 0 24px rgba(255,106,0,.22)!important;
  font-size:12px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  margin:0!important;
}

#bb360-shell-header .bb360-menu-toggle{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ff6a00!important;
  background:rgba(255,106,0,.08)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:11px 15px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
}

#bb360-shell-header .bb360-mobile-panel{
  display:none!important;
  position:fixed!important;
  top:78px!important;
  left:0!important;
  right:0!important;
  z-index:999998!important;
  background:rgba(5,5,5,.98)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  padding:16px 18px!important;
  box-shadow:0 25px 70px rgba(0,0,0,.55)!important;
}

#bb360-shell-header .bb360-mobile-panel.open{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

#bb360-shell-header .bb360-mobile-panel a{
  color:#fff!important;
  text-decoration:none!important;
  padding:13px 12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  font-size:12px!important;
}

#bb360-shell-header .bb360-mobile-panel a.active{
  color:#ff7a18!important;
  border-color:rgba(255,106,0,.45)!important;
  background:rgba(255,106,0,.12)!important;
}

@media(max-width:1280px){
  #bb360-shell-header .nav-cta{
    display:none!important;
  }
  #bb360-shell-header .wrap.nav{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
}

@media(max-width:980px){
  #bb360-shell-header .wrap.nav{
    display:flex!important;
    justify-content:space-between!important;
    padding:0 18px!important;
  }
  #bb360-shell-header .navlinks,
  #bb360-shell-header .nav-cta{
    display:none!important;
  }
  #bb360-shell-header .bb360-menu-toggle{
    display:inline-flex!important;
  }
}

/* shared footer/newsletter */
#bb360-shell-footer .bb360-weekly-wrap{
  padding:90px 22px 46px!important;
  background:#050505!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

#bb360-shell-footer .bb360-weekly{
  max-width:1180px!important;
  margin:0 auto!important;
  min-height:260px!important;
  border:1px solid rgba(255,122,24,.18)!important;
  border-radius:28px!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:28px!important;
  align-items:center!important;
  background:radial-gradient(circle at 86% 42%,rgba(255,122,24,.20),transparent 34%),linear-gradient(135deg,#1a0b04,#090909)!important;
  overflow:hidden!important;
}

#bb360-shell-footer .bb360-weekly h2{
  color:#fff!important;
  font-size:clamp(34px,4vw,58px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  margin:10px 0 12px!important;
}

#bb360-shell-footer .bb360-weekly p{
  color:rgba(255,255,255,.72)!important;
  line-height:1.6!important;
  max-width:720px!important;
}

#bb360-shell-footer .bb360-weekly-form{
  display:flex!important;
  gap:10px!important;
  margin-top:18px!important;
  max-width:640px!important;
}

#bb360-shell-footer .bb360-weekly-form input{
  flex:1!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.32)!important;
  color:#fff!important;
  padding:14px 16px!important;
}

#bb360-shell-footer .bb360-weekly-form button{
  border:0!important;
  border-radius:999px!important;
  background:#ff7a18!important;
  color:#160802!important;
  font-weight:950!important;
  padding:14px 20px!important;
}

#bb360-shell-footer .bb360-weekly img{
  width:min(360px,100%)!important;
  justify-self:end!important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.5))!important;
}

#bb360-shell-footer .bb360-footer{
  background:#050505!important;
  color:rgba(255,255,255,.7)!important;
  padding:30px 22px 38px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

#bb360-shell-footer .bb360-footer-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:28px!important;
  align-items:start!important;
}

#bb360-shell-footer .bb360-footer strong{color:#fff!important}
#bb360-shell-footer .bb360-footer small{display:block!important;margin-top:6px!important;color:rgba(255,255,255,.55)!important}
#bb360-shell-footer .bb360-footer .fine{max-width:760px!important;margin-top:16px!important;font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.5)!important}
#bb360-shell-footer .bb360-footer-links{display:flex!important;gap:15px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#bb360-shell-footer .bb360-footer-links a{color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important}

@media(max-width:850px){
  #bb360-shell-footer .bb360-weekly{grid-template-columns:1fr!important;padding:24px!important}
  #bb360-shell-footer .bb360-weekly img{justify-self:center!important}
  #bb360-shell-footer .bb360-weekly-form{display:block!important}
  #bb360-shell-footer .bb360-weekly-form button{width:100%!important;margin-top:10px!important}
  #bb360-shell-footer .bb360-footer-inner{grid-template-columns:1fr!important}
  #bb360-shell-footer .bb360-footer-links{justify-content:flex-start!important}
}

/* Shared shell body gap fix */
html body:has(#bb360-shell-header){
  padding-top:0!important;
  margin-top:0!important;
}