/* =========================================================
   ACT TAX SERVICES  GLOBAL BACKGROUND + MOTION
   20260823
========================================================= */

html {
  scroll-behavior: smooth;
}


/* ---------------------------------------------------------
   GLOBAL BACKGROUND LAYER
--------------------------------------------------------- */

.act-global-parallax-bg {
  position: fixed;
  z-index: 0;
  pointer-events: none;

  left: -5vw;
  width: 110vw;

  top: -320px;
  height: calc(100vh + 640px);

  background:
    url("../images/services_bg.png")
    center center /
    cover
    no-repeat;

  opacity: .90;

  transform:
    translate3d(0,0,0)
    scale3d(1.06,1.06,1);

  transform-origin: center center;
  transform-style: preserve-3d;

  will-change: transform;
  backface-visibility: hidden;
}


/* Gentle wash so text remains readable */
.act-global-parallax-bg::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.08) 28%,
      rgba(255,255,255,.08) 72%,
      rgba(255,255,255,.18) 100%
    );
}


/* Content stays above the background */
body.act-global-motion-page main {
  position: relative;
  z-index: 1;
}


/*
   Preserve the first/main hero.
   Remaining top-level sections reveal the common background.
*/
body.act-global-motion-page:not(.act-services-page)
main > section:not(:first-child):not(.act-relief-quiz--hero) {
  background: transparent !important;
}


/*
   Services already has its own perfected background/parallax.
   Do not place a second background behind it.
*/
body.act-services-page
.act-global-parallax-bg {
  display: none !important;
}


/* Header and footer remain above everything */
body.act-global-motion-page header,
body.act-global-motion-page footer {
  position: relative;
  z-index: 10;
}


/* Prevent horizontal artifacts from enlarged layers */
body.act-global-motion-page {
  overflow-x: hidden;
}


/* ---------------------------------------------------------
   GLASS SUPPORT

   Existing translucent panels can now blur the global image.
--------------------------------------------------------- */

body.act-global-motion-page
:is(
  [class*="card"],
  [class*="panel"],
  [class*="content-box"],
  [class*="info-box"]
) {
  -webkit-backdrop-filter:
    blur(14px)
    saturate(1.08);

  backdrop-filter:
    blur(14px)
    saturate(1.08);
}


@media (max-width: 800px) {

  .act-global-parallax-bg {
    left: -10vw;
    width: 120vw;

    top: -180px;
    height: calc(100vh + 360px);

    transform:
      translate3d(0,0,0)
      scale3d(1.08,1.08,1);
  }

}


/* ACT CALCULATOR HERO BACKGROUND FIX */
body.act-static-site.act-global-motion-page:not(.act-services-page) main > section.act-relief-quiz.act-relief-quiz--hero {
  background:
    radial-gradient(circle at 83% 18%,rgba(197,138,50,.17),transparent 27rem),
    radial-gradient(circle at 8% 100%,rgba(42,99,151,.30),transparent 34rem),
    linear-gradient(135deg,#041428 0%,#071f3d 54%,#0a2c53 100%) !important;
}