/* STLBEAST V233 — PREMIUM HEADER REFERENCE COMPACT LOCK
   Scope: main STLBEAST public header/footer logo layout only.
   Purpose: make the header match the supplied cinematic reference instead of the bulky stacked V232 treatment.
   Loads after V232 and wins all header/logo sizing rules. */

:root{
  --stlb233-blue:#22baff;
  --stlb233-blue-2:#83e9ff;
  --stlb233-purple:#7a5cff;
  --stlb233-ink:#020712;
  --stlb233-panel:#06101f;
}

html,body{max-width:100%!important;overflow-x:hidden!important;}
@supports (overflow-x:clip){html,body{overflow-x:clip!important;}}
*,*::before,*::after{box-sizing:border-box!important;}

/* The old verification strip makes the header look broken and tall beside the reference. */
.v114-topbar,.stlb125-topbar,.topbar,.site-topbar{display:none!important;}

/* Main cinematic header shell: contained, wide, slim, premium. */
.v114-nav,
.v114-nav.stlb147-premium-nav,
header.stlb125-nav,
.stlb125-nav,
header.nav.stlb159-nav,
.site-header,
.sb-header,
header[class*="stlb"][class*="nav"]{
  width:min(100% - 24px,2040px)!important;
  max-width:calc(100vw - 24px)!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:14px auto 24px!important;
  padding:14px 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(56,178,255,.62)!important;
  border-radius:0 28px 0 28px!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(52,194,255,.34) 0, rgba(52,194,255,0) 18%),
    linear-gradient(90deg, rgba(0,5,12,.98), rgba(5,15,29,.98) 48%, rgba(2,8,18,.98))!important;
  box-shadow:
    inset 0 0 0 1px rgba(190,235,255,.08),
    inset 0 0 46px rgba(0,147,255,.16),
    0 12px 34px rgba(0,0,0,.48)!important;
}

/* One-row reference layout down to tablet width. V232 stacked too early. */
.v114-nav .stlb147-nav-shell,
.stlb125-nav .stlb147-nav-shell,
.site-header .header-inner,
.sb-header .sb-nav,
.nav-inner,
.header-inner,
header.nav.stlb159-nav{
  display:grid!important;
  grid-template-columns:clamp(260px,31vw,520px) minmax(0,1fr) clamp(150px,20vw,330px)!important;
  grid-template-areas:"brand links search"!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:clamp(10px,1.45vw,24px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
}

/* Premium logo plate: visible, not cropped, not huge. */
header .v114-logo,
header a.v114-logo,
header a.v114-logo.clean-wordmark,
header a.stlb125-brand,
header a.stlb159-brand,
header a.stlb147-logo-frame,
header .site-logo,
header .brand,
header .sb-logo,
header .logo{
  grid-area:brand!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:clamp(74px,7vw,132px)!important;
  min-height:0!important;
  max-height:132px!important;
  margin:0!important;
  padding:clamp(6px,.75vw,12px) clamp(8px,1vw,16px)!important;
  overflow:visible!important;
  text-decoration:none!important;
  border:1px solid rgba(52,190,255,.72)!important;
  border-radius:0 24px 0 24px!important;
  background:
    linear-gradient(90deg, rgba(0,4,10,.98), rgba(2,13,25,.94)),
    radial-gradient(circle at 18% 50%, rgba(35,172,255,.22), transparent 46%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(165,232,255,.10),
    inset 0 0 26px rgba(0,149,255,.16),
    0 0 24px rgba(0,149,255,.16)!important;
}
header .v114-logo::before,
header a.stlb159-brand::before,
header a.stlb147-logo-frame::before,
header .logo::before,
header .sb-logo::before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  z-index:0!important;
  border:1px solid rgba(112,211,255,.18)!important;
  border-radius:0 17px 0 17px!important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 10px),
    radial-gradient(circle at 0 50%, rgba(42,170,255,.14), transparent 42%)!important;
  pointer-events:none!important;
}
header .v114-logo::after,
header a.stlb159-brand::after,
header a.stlb147-logo-frame::after,
header .logo::after,
header .sb-logo::after{
  content:""!important;
  position:absolute!important;
  left:34%!important;
  right:34%!important;
  bottom:-1px!important;
  height:3px!important;
  z-index:1!important;
  background:linear-gradient(90deg, transparent, var(--stlb233-blue), transparent)!important;
  box-shadow:0 0 16px var(--stlb233-blue)!important;
  pointer-events:none!important;
}

header .stlb161-logo,
.v114-nav .stlb161-logo,
.stlb125-nav .stlb161-logo,
.stlb159-nav .stlb161-logo,
.site-header .stlb161-logo,
.sb-header .stlb161-logo{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:112px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header .stlb161-logo img,
.v114-nav .stlb161-logo img,
.stlb125-nav .stlb161-logo img,
.stlb159-nav .stlb161-logo img,
.site-header .stlb161-logo img,
.sb-header .stlb161-logo img,
img[src*="stlbeast-header-logo-v232"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:112px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  clip-path:none!important;
  filter:drop-shadow(0 0 10px rgba(50,187,255,.44)) drop-shadow(0 0 22px rgba(0,116,255,.18))!important;
}
.stlb161-logo-fallback{display:none!important;}

/* Reference-style links: one line when possible, compact buttons when space is tight. */
.v114-links,
.stlb125-links,
.stlb159-links,
.stlb147-link-row,
.navlinks,
.header-links,
.menu,
header nav[aria-label="Primary navigation"]{
  grid-area:links!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(6px,.8vw,14px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.v114-links a,
.stlb125-links a,
.stlb159-links a,
.stlb147-link-row a,
.navlinks a,
.header-links a,
.menu a,
header nav[aria-label="Primary navigation"] a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:10px clamp(10px,1vw,18px)!important;
  border:1px solid rgba(83,174,232,.22)!important;
  border-radius:0 16px 0 16px!important;
  background:rgba(3,12,24,.50)!important;
  color:#eaf7ff!important;
  font-size:clamp(10px,.72vw,14px)!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.v114-links a.active,
.stlb147-link-row a.active,
.stlb159-links a.active,
header nav[aria-label="Primary navigation"] a.active{
  border-color:rgba(66,200,255,.85)!important;
  color:#03101d!important;
  background:linear-gradient(135deg,#28c4ff,#7f55ff)!important;
  text-shadow:none!important;
}

.v114-search,
.stlb147-searchbox,
a.stlb159-search,
.site-search,
.header-search{
  grid-area:search!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:0!important;
  padding:0 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(45,190,255,.74)!important;
  border-radius:0 18px 0 18px!important;
  background:rgba(3,13,25,.74)!important;
  color:#eaf7ff!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 18px rgba(0,164,255,.12),0 0 18px rgba(0,164,255,.14)!important;
}
.v114-search span,
.stlb147-searchbox span,
a.stlb159-search span,
a.stlb159-search b,
.stlb147-searchtext{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Tablet: keep the reference bar instead of stacking. */
@media(max-width:1180px){
  .v114-nav,.v114-nav.stlb147-premium-nav,header.stlb125-nav,.stlb125-nav,header.nav.stlb159-nav,.site-header,.sb-header,header[class*="stlb"][class*="nav"]{
    width:min(100% - 16px,1180px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:10px auto 18px!important;
    padding:10px!important;
    border-radius:0 22px 0 22px!important;
  }
  .v114-nav .stlb147-nav-shell,.stlb125-nav .stlb147-nav-shell,.site-header .header-inner,.sb-header .sb-nav,.nav-inner,.header-inner,header.nav.stlb159-nav{
    grid-template-columns:clamp(220px,30vw,350px) minmax(0,1fr) clamp(128px,20vw,210px)!important;
    grid-template-areas:"brand links search"!important;
    gap:8px!important;
  }
  header .v114-logo,header a.v114-logo,header a.v114-logo.clean-wordmark,header a.stlb125-brand,header a.stlb159-brand,header a.stlb147-logo-frame,header .site-logo,header .brand,header .sb-logo,header .logo{
    height:clamp(62px,7vw,86px)!important;
    max-height:86px!important;
    padding:6px 8px!important;
  }
  header .stlb161-logo,.v114-nav .stlb161-logo,.stlb125-nav .stlb161-logo,.stlb159-nav .stlb161-logo{max-height:74px!important;}
  header .stlb161-logo img,.v114-nav .stlb161-logo img,.stlb125-nav .stlb161-logo img,.stlb159-nav .stlb161-logo img{max-height:74px!important;}
  .v114-links a,.stlb125-links a,.stlb159-links a,.stlb147-link-row a,header nav[aria-label="Primary navigation"] a{
    min-height:34px!important;
    padding:8px 9px!important;
    border-radius:0 12px 0 12px!important;
    font-size:10px!important;
    letter-spacing:.045em!important;
  }
  .v114-search,.stlb147-searchbox,a.stlb159-search,.site-search,.header-search{
    height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}

/* Phone: stack only when there is genuinely no room, and keep it compact/premium. */
@media(max-width:760px){
  .v114-nav .stlb147-nav-shell,.stlb125-nav .stlb147-nav-shell,.site-header .header-inner,.sb-header .sb-nav,.nav-inner,.header-inner,header.nav.stlb159-nav{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"brand" "links" "search"!important;
    gap:8px!important;
  }
  header .v114-logo,header a.v114-logo,header a.v114-logo.clean-wordmark,header a.stlb125-brand,header a.stlb159-brand,header a.stlb147-logo-frame,header .site-logo,header .brand,header .sb-logo,header .logo{
    width:min(560px,100%)!important;
    justify-self:center!important;
    height:82px!important;
    max-height:82px!important;
  }
  header .stlb161-logo,.v114-nav .stlb161-logo,.stlb125-nav .stlb161-logo,.stlb159-nav .stlb161-logo{max-height:70px!important;}
  header .stlb161-logo img,.v114-nav .stlb161-logo img,.stlb125-nav .stlb161-logo img,.stlb159-nav .stlb161-logo img{max-height:70px!important;}
  .v114-links,.stlb125-links,.stlb159-links,.stlb147-link-row,header nav[aria-label="Primary navigation"]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .v114-links a,.stlb125-links a,.stlb159-links a,.stlb147-link-row a,header nav[aria-label="Primary navigation"] a{
    min-height:38px!important;
    padding:8px 6px!important;
    font-size:10px!important;
  }
  .v114-search,.stlb147-searchbox,a.stlb159-search,.site-search,.header-search{
    width:100%!important;
    height:42px!important;
  }
}

@media(max-width:430px){
  .v114-nav,.v114-nav.stlb147-premium-nav,header.stlb125-nav,.stlb125-nav,header.nav.stlb159-nav,.site-header,.sb-header,header[class*="stlb"][class*="nav"]{
    width:calc(100% - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    margin:6px auto 14px!important;
    padding:7px!important;
    border-radius:0 16px 0 16px!important;
  }
  header .v114-logo,header a.v114-logo,header a.v114-logo.clean-wordmark,header a.stlb125-brand,header a.stlb159-brand,header a.stlb147-logo-frame,header .site-logo,header .brand,header .sb-logo,header .logo{
    height:66px!important;
    max-height:66px!important;
    padding:5px 6px!important;
    border-radius:0 14px 0 14px!important;
  }
  header .v114-logo::before,header a.stlb159-brand::before,header a.stlb147-logo-frame::before,header .logo::before,header .sb-logo::before{inset:4px!important;border-radius:0 10px 0 10px!important;}
  header .stlb161-logo,.v114-nav .stlb161-logo,.stlb125-nav .stlb161-logo,.stlb159-nav .stlb161-logo{max-height:56px!important;}
  header .stlb161-logo img,.v114-nav .stlb161-logo img,.stlb125-nav .stlb161-logo img,.stlb159-nav .stlb161-logo img{max-height:56px!important;}
  .v114-links,.stlb125-links,.stlb159-links,.stlb147-link-row,header nav[aria-label="Primary navigation"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  .v114-links a,.stlb125-links a,.stlb159-links a,.stlb147-link-row a,header nav[aria-label="Primary navigation"] a{min-height:34px!important;font-size:9.5px!important;}
  .v114-search,.stlb147-searchbox,a.stlb159-search,.site-search,.header-search{height:38px!important;font-size:10px!important;}
}

/* Footer: visible premium logo, but small and contained. */
footer .logo,
footer a.logo,
footer .stlb159-brand,
footer .v114-logo,
.footer a.logo,
.stlb159-footer a.logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(360px,100%)!important;
  max-width:100%!important;
  height:78px!important;
  min-height:0!important;
  max-height:78px!important;
  margin:0 auto 16px!important;
  padding:7px 10px!important;
  overflow:visible!important;
  border:1px solid rgba(52,190,255,.50)!important;
  border-radius:0 16px 0 16px!important;
}
footer .stlb161-logo,.footer .stlb161-logo,.stlb159-footer .stlb161-logo{height:60px!important;max-height:60px!important;min-height:0!important;overflow:visible!important;}
footer .stlb161-logo img,.footer .stlb161-logo img,.stlb159-footer .stlb161-logo img{height:100%!important;max-height:60px!important;width:100%!important;object-fit:contain!important;}