:root { --public-bg-photo: url('/assets/bg-pack/Jack-o--lantern_r--utilisable_01.jpg'); }

/* Body carries the SINGLE dark overlay over the photo. Every section is fully
   transparent so the same overlay shows everywhere — no per-section bands. */
body {
  background:
    linear-gradient(rgba(8,11,20,.65), rgba(8,11,20,.65)),
    var(--public-bg-photo) center center / cover no-repeat fixed,
    #07080f;
  background-attachment: fixed;
}

/* Every full-width section: NO color, NO image. Body shows straight through.
   This is what gives you the continuous photo-with-overlay feel from top to
   bottom of the page instead of stacked panels. */
section,
.hero,
.page-hero,
.why,
.features,
.cta,
#services,
#about,
#contact,
#scrap {
  background: transparent !important;
}

/* Kill the colored radial-glow pseudo-elements on the hero too — they tinted
   that section blue/purple, making it visually distinct from sections below.
   Same treatment for .page-hero::before on the service/inner pages.       */
.hero::before,
.hero::after,
.page-hero::before,
.page-hero::after {
  background: none !important;
}

/* Ticker is a thin strip — keep a near-solid dark band so the marquee text reads */
.ticker-wrap {
  background: rgba(10,12,24,.78) !important;
}

/* Cards & content panels — let the photo bleed through more than before so they
   feel like part of the page, not heavy panels stacked on top of it.
   Includes merchandise.php's product cards (.card), toolbar (.tools), studio
   panels (.studio-canvas-wrap / .studio-side), step badges, and info modal. */
.svc-card,
.svc-cat-card,
.scrap-card,
.about-badge,
.hero-about-badge,
.phone-feature,
.as-box,
.cd-ico,
.card,
.tools,
.studio-canvas-wrap,
.studio-side,
.step-bar .step,
.info-modal,
.cs-card,
.price-card {
  background-color: rgba(15,18,32,.5) !important;
}

/* The contact form panel carries a lot of inputs which already darken its
   visual weight — push it lighter than other cards so the photo still shows. */
.form-wrap {
  background-color: rgba(15,18,32,.35) !important;
}

/* Scrap-metal pickup panel — same lightened treatment, but using `background`
   shorthand because the inline rule sets a multi-stop gradient that needs to
   be fully replaced (not just the color). */
.svc-scrap {
  background: rgba(15,18,32,.5) !important;
}
.svc-scrap::before { background: none !important; }

/* Site footer — solid enough to read legal/contact text, but tinted */
footer,
.site-footer,
.footer-wrap,
.footer-bar {
  background-color: rgba(7,8,16,.82) !important;
}