/* ============================================================================
   Clearout Crew — Refresh module: ESTIMATOR HEADER
   Part of the "Warm & Elevated" refresh. The estimate wizard (/estimate/) has its
   own header (.cc-estimator__head), NOT the standard .cc-page-header, so the
   page-header module never reached it. This gives its headline the same signature
   the rest of the site got, and warms the ground behind the white wizard card so
   the page opens warm like every other page.

   Everything here self-scopes to the estimate page: .cc-estimator__* only exists
   in the wizard, and the ground rule is gated by :has(.cc-estimator) (the codebase
   already relies on :has(), e.g. components.css). Styles ONLY the wizard header +
   its page ground — the form fields, steps, and progress bar are untouched.

   Handle: cc-refresh-estimator   ·   Loads after premium.css.
   Toggle just this: dequeue 'cc-refresh-estimator'. Changes nothing else.
   ========================================================================== */

/* Warm layered ground behind the white wizard card — same recipe as the hero, so
   the estimate page opens warm too. Gated by :has(.cc-estimator) so it applies on
   the estimate page only. Full-bleed via body, behind the site header/footer which
   paint their own grounds. */
body:has(.cc-estimator) {
  background-color: var(--cc-paper);
  background-image:
    radial-gradient(90% 55% at 88% -8%, rgba(249, 115, 22, 0.13), transparent 55%),
    radial-gradient(70% 55% at -6% 2%, rgba(194, 65, 12, 0.05), transparent 58%),
    linear-gradient(180deg, #FFF8F1 0%, var(--cc-paper) 42%);
}

/* Headline: a hair more tracking + the short warm craft underscore. The title is
   h2-scale here (smaller than the hero h1), so the underscore is a touch shorter. */
.cc-estimator__title {
  letter-spacing: -0.02em;
}
.cc-estimator__title::after {
  content: "";
  display: block;
  width: 64px;
  height: 5px;
  margin: 0.85rem 0 0;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--cc-orange), var(--cc-orange-cta));
}