/* ============================================================
   INSIGHTS TOOL PAGES (ROI calculator + AI readiness quiz) —
   homepage light-theme rollout. Covers the shared partials the
   insights-roi-calculator / insights-readiness-quiz patterns
   don't own (each pattern carries its own light styles):

     - 9rem side gutters on the shared lead-form and footer bands
       (→3rem ≤960, →1.25rem ≤600), homepage spec.
     - The lead-form band deliberately stays DARK — it is the
       page's contrast band (same treatment as /capabilities/,
       /insights/ and the homepage lead-form band).
     - Footer retoned to the homepage light treatment (mirrors
       ac-insights-system.css / ac-cap-index-system.css).

   Loads AFTER ac-interior-system (same 101-priority block);
   body-scoped selectors + !important beat the shared partials'
   styles. Fully reversible: delete this file + its
   wp_enqueue_style(). Applied 2026-07-30.
   ============================================================ */

body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) {
  --lt-page:      #FFFFFF;
  --lt-surface:   #FFFFFF;
  --lt-tint:      #E9F3F7;
  --lt-ink:       #08222E;
  --lt-grey:      #5A6B75;
  --lt-border:    rgba(9, 32, 42, 0.10);
  --lt-border-brand: rgba(7, 169, 209, 0.22);

  background-color: var(--lt-page) !important;
  color: var(--lt-ink) !important;
}

/* ── 9rem side gutters on the shared bands (homepage spec) ── */
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) :is(.ac-lead-form, .ac-footer) {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}
@media (max-width: 960px) {
  body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) :is(.ac-lead-form, .ac-footer) {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}
@media (max-width: 600px) {
  body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) :is(.ac-lead-form, .ac-footer) {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}

/* ── FOOTER — homepage light footer treatment (mirrors
      ac-insights-system.css) ── */
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer {
  background: #FFFFFF !important;
  color: var(--lt-ink) !important;
}
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) :is(
  .ac-footer__heading,
  .ac-footer__desc,
  .ac-footer__reach-cta
) { color: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__brand .ac-logo span { color: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer a { color: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer a:hover { color: var(--ac-primary) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer a.ac-footer__email-link,
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer a.ac-footer__phone { color: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__email svg { stroke: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer a.ac-pill-cta.ac-footer__map-pill {
  color: var(--lt-ink) !important;
  border: 1.5px solid rgba(8, 34, 46, 0.18);
}
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__linkedin svg path { fill: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__linkedin--min { border-color: var(--lt-ink) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__linkedin--min:hover { border-color: var(--ac-primary) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__linkedin--min:hover svg path { fill: var(--ac-primary) !important; }
body:is(.page-template-page-roi-calculator, .page-template-page-ai-readiness-quiz) .ac-footer__divider {
  background-color: var(--lt-border) !important;
  color: var(--lt-border) !important;
  opacity: 1 !important;
}