/* THE BACON BIN — REV275H (REBUILT)
   Footer scale + readable chrome + deterministic short-page footer placement.
   Loads after Rev275G and intentionally outranks the older footer-image rules. */

:root{--bb-h-red:#e23a34}

/* =========================================================
   1) FOOTER BRAND LOCKUP — defeat Rev275F's 38x38 !important rule.
   ========================================================= */
html body:not(.bb-cabinet-embed) footer.bb-modern-footer .bb-footer-brand img.bb-footer-official-logo,
html body:not(.bb-cabinet-embed) footer.shop-footer .bb-footer-brand img.bb-footer-official-logo,
html body:not(.bb-cabinet-embed) footer.home-footer .bb-footer-brand img.bb-footer-official-logo,
html body:not(.bb-cabinet-embed) .bb-footer-brand img.bb-footer-official-logo{
  display:block!important;
  width:clamp(255px,20vw,305px)!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  opacity:1!important;
}

/* =========================================================
   2) FOOTER TYPOGRAPHY — easier to read without making the footer chunky.
   ========================================================= */
html body:not(.bb-cabinet-embed) footer.bb-modern-footer,
html body:not(.bb-cabinet-embed) footer.shop-footer,
html body:not(.bb-cabinet-embed) footer.home-footer{
  grid-template-columns:minmax(285px,1.08fr) minmax(450px,1.5fr) minmax(310px,1fr)!important;
  column-gap:clamp(30px,3.25vw,54px)!important;
  row-gap:13px!important;
  padding:22px clamp(30px,4vw,66px) 12px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-brand p{
  margin:9px 0 10px!important;
  font-size:12.5px!important;
  line-height:1.48!important;
  color:#a2a4a9!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-links{
  gap:clamp(24px,2.35vw,38px)!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-links div{gap:6px!important}
html body:not(.bb-cabinet-embed) .bb-footer-links b,
html body:not(.bb-cabinet-embed) .bb-footer-news>b{
  margin-bottom:4px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  letter-spacing:1.15px!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-links a{
  font-size:12.25px!important;
  line-height:1.4!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-news p{
  margin:6px 0 9px!important;
  font-size:12px!important;
  line-height:1.48!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-news input{
  height:37px!important;
  font-size:12px!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-news button[type=submit]{
  height:37px!important;
  padding:0 14px!important;
  font-size:9px!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-consent{
  font-size:8.5px!important;
  line-height:1.4!important;
}
html body:not(.bb-cabinet-embed) .bb-motion-toggle{
  margin-top:7px!important;
  padding:6px 9px!important;
  font-size:8.5px!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-bottom{
  padding-top:9px!important;
  font-size:9px!important;
  line-height:1.35!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-social-label{
  font-size:9px!important;
  letter-spacing:1.35px!important;
}
html body:not(.bb-cabinet-embed) .bb-footer-socials .bb-social{
  width:31px!important;
  height:31px!important;
  font-size:14px!important;
  color:#ef4a44!important;
  border-color:rgba(226,58,52,.48)!important;
  background:rgba(226,58,52,.085)!important;
}

/* =========================================================
   3) HEADER DATE/TIME — slightly more presence, same compact footprint.
   ========================================================= */
html body:not(.bb-cabinet-embed) .bb-site-header .bb-datetime,
html body:not(.bb-cabinet-embed) .bb-site-header .bb-header-clock,
html body:not(.bb-cabinet-embed) .bb-site-header .bb-header-time,
html body:not(.bb-cabinet-embed) .bb-site-header [data-bb-time]{
  font-size:10.5px!important;
  line-height:1.08!important;
  letter-spacing:.72px!important;
}
html body:not(.bb-cabinet-embed) .bb-site-header .bb-datetime b,
html body:not(.bb-cabinet-embed) .bb-site-header .bb-header-clock b,
html body:not(.bb-cabinet-embed) .bb-site-header .bb-header-time b{
  font-size:11.25px!important;
  line-height:1.05!important;
}

/* =========================================================
   4) SHORT-PAGE TAIL FIX.
   Rev275G's body-flex solution is deliberately retired. The companion JS
   inserts a zero-impact spacer immediately BEFORE the footer only when a
   page is shorter than the viewport. Nothing is ever added after the footer.
   ========================================================= */
html{min-height:0!important;height:auto!important}
html body:not(.bb-cabinet-embed){
  min-height:0!important;
  height:auto!important;
  display:block!important;
  padding-bottom:0!important;
}
html body:not(.bb-cabinet-embed) > footer.bb-modern-footer,
html body:not(.bb-cabinet-embed) > footer.shop-footer,
html body:not(.bb-cabinet-embed) > footer.home-footer{
  margin-top:0!important;
}
.bb-rev275h-footer-spacer{
  display:block!important;
  width:100%!important;
  height:0;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none!important;
}

/* Preserve the full-bleed title band override at the end of the cascade. */
html body#bb-test-font-lock.bb-unified-title-page.bb-unified-title-page:not(.category-page):not(.arcade-page) > .bb-unified-page-hero.bb-unified-page-hero{
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
}

@media(max-width:980px){
  html body:not(.bb-cabinet-embed) footer.bb-modern-footer,
  html body:not(.bb-cabinet-embed) footer.shop-footer,
  html body:not(.bb-cabinet-embed) footer.home-footer{
    grid-template-columns:1fr 1fr!important;
    gap:20px 28px!important;
    padding:21px 22px 12px!important;
  }
  html body:not(.bb-cabinet-embed) .bb-footer-official-logo{
    width:min(285px,72vw)!important;
  }
}
@media(max-width:620px){
  html body:not(.bb-cabinet-embed) footer.bb-modern-footer,
  html body:not(.bb-cabinet-embed) footer.shop-footer,
  html body:not(.bb-cabinet-embed) footer.home-footer{
    grid-template-columns:1fr!important;
    gap:15px!important;
    padding:19px 16px 11px!important;
  }
  html body:not(.bb-cabinet-embed) .bb-footer-official-logo{
    width:min(270px,82vw)!important;
  }
  html body:not(.bb-cabinet-embed) .bb-footer-links a{font-size:12px!important}
}