/* V154 STLBEAST logo emergency fix
   Uses PNG as the visible global logo because it is the most reliable browser/server MIME fallback. */

:root{
  --stlb154-blue:#25c7ff;
  --stlb154-line:rgba(37,199,255,.24);
}

img[src*="stlbeast-premium-header-logo-v146.png"],
img[src*="stlbeast-premium-header-logo-v146.webp"]{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:clamp(170px,20vw,300px)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:drop-shadow(0 0 14px rgba(37,199,255,.25)) saturate(1.08) contrast(1.06)!important;
}

header a:has(img[src*="stlbeast-premium-header-logo-v146"]),
.v140-logo,
.stlb125-brand,
.logo.clean-wordmark,
.v114-logo.clean-wordmark,
.stlb147-logo-frame{
  min-height:0!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(5,12,24,.94),rgba(2,7,15,.96))!important;
  border:1px solid var(--stlb154-line)!important;
  overflow:hidden!important;
}

.stlb147-logo-core{
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

footer img[src*="stlbeast-premium-header-logo-v146"]{
  width:min(100%,290px)!important;
  max-height:78px!important;
}

@media(max-width:760px){
  img[src*="stlbeast-premium-header-logo-v146.png"],
  img[src*="stlbeast-premium-header-logo-v146.webp"]{
    width:min(100%,235px)!important;
    max-height:62px!important;
  }
}