/* Dirty Janes Home Extras – decorative background art (front page only) */
body.dj-has-bg-art{position:relative;background-color:#0B0A10;}
/* Layer 1: neon pin-up backdrop, fixed behind everything */
body.dj-has-bg-art::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 40%,rgba(11,10,16,.55) 0%,rgba(11,10,16,0) 60%),
    url("../img/dj-bg-neon-pinup.webp") center top / cover no-repeat;
  opacity:.42;animation:dj-bg-breathe 9s ease-in-out infinite alternate;will-change:opacity;}
/* Layer 2: city & palm skyline anchored to the bottom of the viewport */
body.dj-has-bg-art::after{content:"";position:fixed;left:0;right:0;bottom:0;height:46vh;z-index:0;pointer-events:none;
  background:url("../img/dj-bg-city-palms.webp") center bottom / cover no-repeat;
  -webkit-mask-image:linear-gradient(to top,#000 35%,transparent 100%);mask-image:linear-gradient(to top,#000 35%,transparent 100%);
  opacity:.38;}
/* Keep real content above the art and let it show through the page wrappers */
body.dj-has-bg-art #page,body.dj-has-bg-art .site{position:relative;z-index:1;}
body.dj-has-bg-art .site-content,body.dj-has-bg-art #content,body.dj-has-bg-art .ast-container,body.dj-has-bg-art #primary,
body.dj-has-bg-art .site-main,body.dj-has-bg-art article.page,body.dj-has-bg-art .ast-article-single,body.dj-has-bg-art .entry-content,
body.dj-has-bg-art.ast-separate-container .ast-article-single,body.dj-has-bg-art.ast-separate-container #primary{background:transparent !important;}
/* Slightly translucent header so the art peeks through */
body.dj-has-bg-art .site-header,body.dj-has-bg-art .main-header-bar,body.dj-has-bg-art .ast-primary-header-bar{background-color:rgba(11,10,16,.86) !important;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
/* Faint polka/charm pattern behind the content column */
body.dj-has-bg-art .entry-content{position:relative;}
body.dj-has-bg-art .entry-content::before{content:"";position:absolute;inset:-20px -40px;z-index:-1;pointer-events:none;
  background:url("../img/dj-bg-pattern.webp") center top / 420px auto repeat;opacity:.07;border-radius:24px;}
/* Product cards: solid so text stays readable over the art */
body.dj-has-bg-art ul.products li.product,body.dj-has-bg-art .wc-block-grid__product,body.dj-has-bg-art .dj-carousel__slide{
  background:rgba(23,17,31,.94) !important;}
/* Neon glow on section headings */
body.dj-has-bg-art .entry-content h2,body.dj-has-bg-art .entry-content h3.wp-block-heading,.dj-neon-heading{
  color:#fff;text-shadow:0 0 4px rgba(255,45,149,.9),0 0 14px rgba(255,45,149,.55),0 0 28px rgba(122,43,181,.45);
  animation:dj-neon-pulse 4.5s ease-in-out infinite;}
body.dj-has-bg-art .entry-content .dj-carousel__name,body.dj-has-bg-art .entry-content .wc-block-grid__product-title,
body.dj-has-bg-art .entry-content .woocommerce-loop-product__title{text-shadow:none;animation:none;}
@keyframes dj-neon-pulse{
  0%,100%{text-shadow:0 0 4px rgba(255,45,149,.9),0 0 14px rgba(255,45,149,.55),0 0 28px rgba(122,43,181,.45);}
  50%{text-shadow:0 0 6px rgba(255,45,149,1),0 0 22px rgba(255,45,149,.8),0 0 42px rgba(122,43,181,.65);}
  92%{text-shadow:0 0 4px rgba(255,45,149,.9),0 0 14px rgba(255,45,149,.55),0 0 28px rgba(122,43,181,.45);}
  94%{text-shadow:0 0 2px rgba(255,45,149,.4),0 0 6px rgba(255,45,149,.2);}
}
@keyframes dj-bg-breathe{from{opacity:.34;}to{opacity:.5;}}
@media (max-width:768px){
  /* Mobile matches desktop: same brightness and breathing glow; art scaled so the mic, cherries and stars stay in view */
  body.dj-has-bg-art::before{background:
    url("../img/dj-bg-neon-pinup-mobile.webp") center top / 100% auto repeat-y;
    position:absolute;top:0;left:0;right:0;bottom:0;}
  body.dj-has-bg-art{position:relative;}
  body.dj-has-bg-art::after{height:40vh;}
}
@media (prefers-reduced-motion:reduce){
  body.dj-has-bg-art::before,body.dj-has-bg-art .entry-content h2,body.dj-has-bg-art .entry-content h3.wp-block-heading,.dj-neon-heading{animation:none;}
}