/* ============================================================================
   Claim Done — 2026-06 visual redesign: sitewide CHROME overrides
   ----------------------------------------------------------------------------
   Loaded AFTER cd-light.css (see functions.php enqueue, priority 20) so these
   rules win. This file ONLY re-skins the shared header, promo banner and
   footer to the new dark "legal-tech" look. It changes NO markup and NO
   wired behaviour — header.php / footer.php keep every route, the user menu,
   the mobile drawer, the promo dismiss and the exit-intent modal intact.
   The homepage body is styled inline in front-page.php.
   ============================================================================ */

/* ── Type: Hanken Grotesk across the redesigned chrome ── */
.cd-header,
.cd-header *,
.cd-footer,
.cd-footer * {
  font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ============================================================
   HEADER — dark glass
   ============================================================ */
.cd-header {
  background: rgba(18, 8, 38, 0.55) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}
.cd-header--scrolled.cd-header {
  background: rgba(16, 6, 32, 0.82) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

/* logo wordmark legible on dark (cd_logo sets an inline dark colour) */
.cd-header .cd-logo--lockup,
.cd-header .cd-logo__wordmark,
.cd-header .cd-header__logo { color: #fff !important; }
/* new logo wordmark is "ClaimDone" (camelCase) — undo the legacy lowercase transform */
.cd-logo__wordmark { text-transform: none !important; }
/* keep "Done" lavender even where the wordmark colour is forced */
.cd-header .cd-logo__wordmark span,
.cd-footer .cd-logo__wordmark span { color: #c4b5fd !important; }

/* primary nav */
.cd-header__nav a { color: rgba(233, 225, 250, 0.86) !important; font-weight: 500; }
.cd-header__nav a:hover { color: #fff !important; }

/* "Agreement Summary $49" nav item — plain link + small badge (matches design,
   not a filled pill) */
.cd-header__nav a.cd-nav-new,
.cd-header__nav .cd-nav-new {
  background: transparent !important;
  background-image: none !important;
  color: rgba(233, 225, 250, 0.86) !important;
  border: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  font-weight: 500 !important;
}
.cd-header__nav a.cd-nav-new:hover,
.cd-header__nav .cd-nav-new:hover { background: transparent !important; color: #fff !important; }
/* small "$49" badge */
.cd-header .cd-nav-new__price {
  background: rgba(167, 139, 250, 0.22) !important;
  color: #d9cef5 !important;
  padding: 2px 7px !important;
  margin-left: 0 !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.cd-header .cd-nav-new__price s { color: rgba(217,206,245,0.6) !important; }

/* logo size — the lockup scales from font-size; cap it so the squircle isn't oversized */
.cd-header .cd-logo--lockup { font-size: 18px !important; }
.cd-footer .cd-logo--lockup { font-size: 18px !important; }
/* mobile drawer logo was scaling far too large */
.cd-drawer .cd-logo--lockup,
.cd-drawer__logo .cd-logo--lockup { font-size: 16px !important; }
.cd-drawer .cd-logo__wordmark { color: #1c1330 !important; }
.cd-drawer .cd-logo__wordmark span { color: #7c3aed !important; }

/* homepage trust strip — cd-light.css adds 64px section padding on top of the
   inner 26px, making the band very tall. Let the inner padding alone set height. */
.cdx-home section:nth-of-type(2) { padding-top: 0 !important; padding-bottom: 0 !important; }
.cdx-home section:nth-of-type(2) > div { padding-top: 18px !important; padding-bottom: 18px !important; }

/* ── Sticky/scrolled header: keep it DARK (cd-light.css flips it white, which
   hid the light nav text). Force dark bg + light text in the scrolled state. ── */
.cd-header.is-scrolled,
.cd-header--scrolled,
.cd-header.is-scrolled.cd-header--scrolled {
  background: rgba(16, 6, 32, 0.9) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow: none !important;
}
.cd-header.is-scrolled .cd-header__nav a,
.cd-header--scrolled .cd-header__nav a { color: rgba(233, 225, 250, 0.86) !important; }
.cd-header.is-scrolled .cd-header__nav a:hover,
.cd-header--scrolled .cd-header__nav a:hover { color: #fff !important; }
.cd-header.is-scrolled .cd-header__phone,
.cd-header--scrolled .cd-header__phone { color: rgba(233, 225, 250, 0.8) !important; }
.cd-header.is-scrolled .cd-header__phone-num,
.cd-header--scrolled .cd-header__phone-num { color: rgba(233, 225, 250, 0.92) !important; }
.cd-header.is-scrolled .cd-logo--lockup,
.cd-header.is-scrolled .cd-logo__wordmark,
.cd-header--scrolled .cd-logo--lockup,
.cd-header--scrolled .cd-logo__wordmark { color: #fff !important; }
.cd-header.is-scrolled .cd-logo__wordmark span,
.cd-header--scrolled .cd-logo__wordmark span { color: #c4b5fd !important; }
.cd-header.is-scrolled .cd-header__nav .cd-nav-new,
.cd-header--scrolled .cd-header__nav .cd-nav-new { background: transparent !important; color: rgba(233, 225, 250, 0.86) !important; }
.cd-header.is-scrolled .cd-hamburger span,
.cd-header--scrolled .cd-hamburger span { background: #e3daf7 !important; }

/* phone */
.cd-header__phone { color: rgba(233, 225, 250, 0.80) !important; }
.cd-header__phone:hover { color: #fff !important; }
.cd-header__phone-num { color: rgba(233, 225, 250, 0.92) !important; }
.cd-header__phone svg { color: #a78bfa; }

/* ghost "Log In" button reads on dark — override the white-pill rule AND its
   higher-specificity scrolled variants in cd-light.css */
.cd-header .cd-btn--ghost,
.cd-header.is-scrolled .cd-btn--ghost,
.cd-header--scrolled .cd-btn--ghost {
  color: #e3daf7 !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}
.cd-header .cd-btn--ghost:hover,
.cd-header.is-scrolled .cd-btn--ghost:hover,
.cd-header--scrolled .cd-btn--ghost:hover { background: rgba(255, 255, 255, 0.12) !important; color: #fff !important; border-color: rgba(255,255,255,0.32) !important; }

/* primary CTAs in header → brand gradient */
.cd-header .cd-btn--primary {
  background: linear-gradient(180deg, #8b5cf6, #6d28d9) !important;
  border: 1px solid rgba(167, 139, 250, 0.5) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px -10px rgba(124, 58, 237, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.cd-header .cd-btn--primary:hover { transform: translateY(-1px); }

/* logged-in avatar button */
.cd-user-menu__avatar {
  background: linear-gradient(155deg, #a78bfa, #6d28d9) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

/* hamburger lines visible on dark */
.cd-hamburger span { background: #e3daf7 !important; }

/* ============================================================
   PROMO BANNER — align to the deep-plum palette
   ============================================================ */
.cd-promo-banner {
  background: linear-gradient(90deg, #1a0a2a 0%, #2a1052 50%, #1a0a2a 100%) !important;
  border-bottom: 1px solid rgba(167, 139, 250, 0.28) !important;
  color: #e8ddff !important;
}
.cd-promo-banner__label { color: #c4b5fd !important; }
.cd-promo-banner__cta {
  background: linear-gradient(180deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  border: 1px solid rgba(167, 139, 250, 0.5);
}
.cd-promo-banner__cta:hover { transform: translateY(-1px); }

/* ============================================================
   /begin INTAKE WIZARD — presentation-only polish
   ------------------------------------------------------------
   The wizard markup already matches the new design (summary card, intro,
   "what you'll need" box, fields). This ONLY applies the Hanken type and a
   softer input treatment (border + purple focus ring) to match the design
   system. No markup, field names, validation, padding or Stripe logic touched.
   ============================================================ */
.cd-wizard,
.cd-wizard input,
.cd-wizard select,
.cd-wizard textarea,
.cd-wizard button,
.cd-wizard label,
.cd-wizard h1, .cd-wizard h2, .cd-wizard h3, .cd-wizard p, .cd-wizard span, .cd-wizard small, .cd-wizard strong {
  font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
.cd-wizard input[type="text"],
.cd-wizard input[type="email"],
.cd-wizard input[type="tel"],
.cd-wizard input[type="number"],
.cd-wizard select,
.cd-wizard textarea {
  border: 1px solid #e2d8f4 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #1c1330 !important;
  transition: border-color .15s, box-shadow .15s !important;
}
.cd-wizard input:focus,
.cd-wizard select:focus,
.cd-wizard textarea:focus {
  border-color: #a78bfa !important;
  box-shadow: 0 0 0 4px rgba(167, 139, 250, 0.18) !important;
  outline: none !important;
}
.cd-wizard input::placeholder { color: #a59fb5 !important; }
/* soft (not harsh) required asterisk */
.cd-wizard .cd-req { color: #c2557a !important; }

/* ============================================================
   FOOTER — deep ink
   ============================================================ */
.cd-footer {
  background: #0e0620 !important;
  color: rgba(220, 213, 240, 0.7) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
/* dim every divider/border line inside the footer (was too bright) */
.cd-footer__top,
.cd-footer__links,
.cd-footer__brand,
.cd-footer hr,
.cd-footer [style*="border-top"],
.cd-footer [style*="border-bottom"] { border-color: rgba(255, 255, 255, 0.05) !important; }
.cd-footer .cd-logo--lockup,
.cd-footer .cd-logo__wordmark { color: #fff !important; }

.cd-footer__brand p {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.cd-footer h4 {
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.cd-footer a { color: rgba(220, 213, 240, 0.65) !important; transition: color .2s ease; }
.cd-footer a:hover { color: #fff !important; }
.cd-footer strong { color: #fff !important; }

/* phone block — dark card with the 24/7 accent */
.cd-footer__phone {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 14px;
  padding: 12px 16px;
}
.cd-footer__phone:hover { background: rgba(255, 255, 255, 0.09) !important; }
.cd-footer__phone strong { color: #fff !important; }
.cd-footer__phone-label { color: rgba(196, 186, 224, 0.7) !important; }
.cd-footer__phone-hours { color: #86efac !important; }
.cd-footer__phone-icon {
  background: linear-gradient(180deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
}

/* trust chips */
.cd-footer__trust span {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  padding: 6px 11px;
  color: #c9bfe6 !important;
  font-size: 11.5px;
  font-weight: 600;
}
.cd-footer__trust-icon { color: #a78bfa; }

/* disclaimer block */
.cd-footer__disclaimer {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 16px 20px;
  color: rgba(228, 221, 245, 0.82) !important;
}
.cd-footer__bottom { border-top: 1px solid rgba(255, 255, 255, 0.05); color: rgba(196, 186, 224, 0.6) !important; }
.cd-footer__bottom a { color: rgba(196, 186, 224, 0.6) !important; }
.cd-footer__bottom a:hover { color: #fff !important; }

/* ── Services page: keep gradient "Start document" button text white (beats cd-contrast-fix body!important) ── */
.cdx-home .cdx-startbtn[style*="linear-gradient"] { color: #fff !important; }
.cdx-home .cdx-startbtn[style*="linear-gradient"] svg { color: #fff !important; }
/* ── Hide homepage trust strip on mobile ── */
@media (max-width: 760px) { body.home .cdx-home section:nth-of-type(2) { display: none !important; } }

/* ── Header nav: group logo+nav on the left, phone+CTA on the right (match design) ── */
.cd-header__nav { margin-right: auto !important; margin-left: 18px; }
/* ── Mobile drawer: visible close button + readable items on the white drawer ── */
.cd-drawer__close { background: #f3efff !important; color: #6d28d9 !important; }
.cd-drawer__close:hover { background: #e9e2fb !important; color: #4c1d95 !important; }
.cd-drawer .cd-logo--lockup { font-size: 16px !important; }
.cd-drawer__head { padding: 0 18px !important; }

/* ============================================================
   LEGAL / POLICY PAGES — Terms, Privacy, Disclaimer, Refund, Delivery,
   Acceptable Use, Complaints (shared .cd-inner-hero + .cd-legal-content).
   Light lavender hero + clean readable body. (the-content text gets !important
   to beat cd-contrast-fix body{color}.) ============================================================ */
.cd-inner-hero, .cd-inner-hero *, .cd-legal-content, .cd-legal-content * { font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; }
.cd-inner-hero {
  background: linear-gradient(168deg,#f3eefc 0%,#ece4fb 55%,#e9e0fa 100%) !important;
  border-bottom: 1px solid #e7ddf7 !important;
  text-align: center;
  padding: clamp(104px,13vh,140px) 24px 56px !important;
}
.cd-inner-hero .cd-container { max-width: 760px; }
.cd-inner-hero .cd-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.08em !important;
  text-transform: uppercase; padding: 6px 13px; border-radius: 999px;
  background: #fff !important; border: 1px solid #e2d4f9; color: #6d28d9 !important;
}
.cd-inner-hero h1 { margin: 18px 0 0 !important; font-size: clamp(32px,4.4vw,46px) !important; line-height: 1.08; letter-spacing: -0.03em; font-weight: 800; color: #1c1330 !important; }
.cd-inner-hero p { margin: 14px auto 0 !important; max-width: 520px; font-size: 16px; line-height: 1.6; color: #5d5670 !important; }
.cd-legal-content { background: #fbfaff !important; padding: 54px 24px 80px !important; }
.cd-legal-content .cd-container { max-width: 760px; }
.cd-legal-doc, .cd-legal-content .cd-legal-doc { max-width: 760px; margin: 0 auto; }
.cd-legal-doc__notice {
  display: flex; gap: 13px; align-items: flex-start;
  background: #f6f3fd !important; border: 1px solid #e2d4f9 !important; border-radius: 16px;
  padding: 18px 20px; margin-bottom: 38px; color: #4a4458 !important; font-size: 14px !important; line-height: 1.65 !important;
}
.cd-legal-content h2 { margin: 34px 0 12px !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: -0.015em; color: #1c1330 !important; }
.cd-legal-content h2:first-child, .cd-legal-content > .cd-container > .cd-legal-doc > h2:first-of-type { margin-top: 0 !important; }
.cd-legal-content p { margin: 0 0 12px !important; font-size: 15px !important; line-height: 1.75 !important; color: #4a4458 !important; }
.cd-legal-content ul, .cd-legal-content ol { margin: 6px 0 12px !important; padding-left: 22px; }
.cd-legal-content li { font-size: 15px !important; line-height: 1.65 !important; color: #4a4458 !important; margin-bottom: 8px; }
.cd-legal-content a { color: #6d28d9 !important; font-weight: 600; text-decoration: none; }
.cd-legal-content a:hover { text-decoration: underline; }