/* ═══════════════════════════════════════════════════════════════
   FBM ENGINE · Premium Gemini Ultra Backgrounds · v2 MINIMAL
   Non-invasive · only sets bg image · doesn't touch layout
   ═══════════════════════════════════════════════════════════════ */

/* Bg image at z-index -1 via body::after — doesn't touch body bg
   and won't conflict with any existing body styles or positioning */
body[class*="bg-"] {
  position: relative;
}

body[class*="bg-"]::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #0A0B0E;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Ensure body bg is transparent so ::after shows through */
body[class*="bg-"] {
  background-color: transparent;
}

body.bg-intake::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/intake-bg.webp');
}

body.bg-diagnostic::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/diagnostic-bg.webp');
}

body.bg-operator::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/operator-bg.webp');
}

body.bg-derive::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/derive-bg.webp');
}

body.bg-axis::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/axis-bg.webp');
}

body.bg-maddy::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/maddy-bg.webp');
}

body.bg-trans::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/trans-bg.webp');
}

body.bg-final::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.20) 0%, rgba(10,11,14,0.45) 100%),
    url('/assets/photos/section-bgs/finalcta-bg.webp');
}

body.bg-statband::after {
  background-image:
    linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%),
    url('/assets/photos/section-bgs/statband-bg.webp');
}

/* Mobile — use vertical (9:16) crops for clean cover · prevents the "compressed" look on tall phone screens */
@media (max-width: 720px) {
  body[class*="bg-"]::after {
    background-size: cover;
    background-position: center;
  }
  body.bg-intake::after     { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/intake-bg-mobile.webp'); }
  body.bg-diagnostic::after { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/diagnostic-bg-mobile.webp'); }
  body.bg-operator::after   { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/operator-bg-mobile.webp'); }
  body.bg-derive::after     { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/derive-bg-mobile.webp'); }
  body.bg-axis::after       { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/axis-bg-mobile.webp'); }
  body.bg-maddy::after      { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/maddy-bg-mobile.webp'); }
  body.bg-trans::after      { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/trans-bg-mobile.webp'); }
  body.bg-final::after      { background-image: linear-gradient(180deg, rgba(10,11,14,0.30) 0%, rgba(10,11,14,0.55) 100%), url('/assets/photos/section-bgs/finalcta-bg-mobile.webp'); }
  body.bg-statband::after   { background-image: linear-gradient(180deg, rgba(10,11,14,0.40) 0%, rgba(10,11,14,0.65) 100%), url('/assets/photos/section-bgs/statband-bg-mobile.webp'); }
}

@media (prefers-reduced-motion: reduce) {
  body[class*="bg-"]::after {
    background-attachment: scroll;
  }
}