/* =========================================================
   THE BACON BIN — REV275N
   GLOBAL UTILITY BACKGROUND + NEWSLETTER STATUS POLISH
   ========================================================= */

/* ---------------------------------------------------------
   1) ONE UTILITY-PAGE BACKGROUND SYSTEM
   Account, newsletter, wishlist and ordinary info/policy pages all use
   the same full-viewport baked environment. Contact is intentionally
   excluded because it has its own dedicated environment.
   --------------------------------------------------------- */
html body#bb-test-font-lock:is(.account-page,.newsletter-page,.wishlist-page,.info-page:not(.contact-page)){
  background:#050505!important;
  background-image:none!important;
  overflow-x:hidden!important;
  isolation:isolate!important;
}

html body#bb-test-font-lock:is(.account-page,.newsletter-page,.wishlist-page,.info-page:not(.contact-page))::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  z-index:-1!important;
  pointer-events:none!important;
  inset:72px 0 0 0!important;
  top:72px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  height:calc(100vh - 72px)!important;
  min-width:100vw!important;
  max-width:none!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:#050505!important;
  background-image:url('images/rev275n/utility-environment-edgefade-v275n.jpg?v=275n')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  clip-path:none!important;
  will-change:auto!important;
  image-rendering:auto!important;
}

html body#bb-test-font-lock:is(.account-page,.newsletter-page,.wishlist-page,.info-page:not(.contact-page))::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* Remove the old full-shell slabs so the cards sit directly over the
   continuous environment instead of appearing inside another rectangle. */
html body#bb-test-font-lock:is(.account-page,.newsletter-page,.info-page:not(.contact-page)) .bb-info-shell{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body#bb-test-font-lock:is(.account-page,.newsletter-page,.info-page:not(.contact-page)) .bb-info-shell::before,
html body#bb-test-font-lock:is(.account-page,.newsletter-page,.info-page:not(.contact-page)) .bb-info-shell::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   2) BACKGROUND MASK SAFETY NET
   Page-level environment layers must never inherit one of the legacy
   radial masks again. This does not touch small decorative/UI masks.
   --------------------------------------------------------- */
html body#bb-test-font-lock.category-page::before,
html body#bb-test-font-lock.category-page::after,
html body#bb-test-font-lock.cart-page::before,
html body#bb-test-font-lock.cart-page::after,
html body#bb-test-font-lock.contact-page .bb-contact-shell::before,
html body#bb-test-font-lock.contact-page .bb-contact-shell::after,
html body#bb-test-font-lock.shop-landing-page::before,
html body#bb-test-font-lock.shop-landing-page::after{
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* ---------------------------------------------------------
   3) NEWSLETTER FEEDBACK
   Make subscription-state feedback impossible to miss in the footer.
   --------------------------------------------------------- */
html body#bb-test-font-lock .bb-footer-status{
  display:block!important;
  min-height:18px!important;
  margin-top:7px!important;
  color:#ef4b46!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.015em!important;
}

@media(max-width:800px){
  html body#bb-test-font-lock:is(.account-page,.newsletter-page,.wishlist-page,.info-page:not(.contact-page))::before{
    inset:66px 0 0 0!important;
    top:66px!important;
    height:calc(100vh - 66px)!important;
    background-position:center center!important;
    background-size:cover!important;
  }
}