/* ══════════════════════════════════════════════════════════════════════════════
   GREEN CTA CONTRAST FIX — Task #1447051

   Bug: Green-background CTA buttons sitewide display blue text (#2563eb) instead
   of white — ~1.3:1 contrast ratio vs 4.5:1 WCAG AA minimum.

   Root cause: Global CSS files (design-system-all.min.css, supplements.min.css)
   apply `color: #2563eb !important` on broad selectors that override page-level
   `color: #fff` (no !important) on green button classes.

   Fix: Force white text + -webkit-text-fill-color on every green-background CTA
   class across the site. Uses !important to win the cascade war.

   Also fixes: B2B hero CTAs on /for-business and /for-banks appearing blank —
   same root cause (blue text invisible on green/dark backgrounds).
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── PRICING PAGE: Emerald CTA buttons ──────────────────────────────────────── */
.pr-cta--emerald,
a.pr-cta--emerald,
.pr-cta--emerald:hover,
a.pr-cta--emerald:hover,
.pr-cta--autopilot,
a.pr-cta--autopilot,
.pr-cta--autopilot:hover,
a.pr-cta--autopilot:hover,
.pr-otp-cta,
a.pr-otp-cta,
.pr-otp-cta:hover,
a.pr-otp-cta:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── FOR-BUSINESS PAGE: All green/navy CTA buttons ──────────────────────────── */
.fb-btn-primary,
a.fb-btn-primary,
.fb-btn-primary:hover,
a.fb-btn-primary:hover,
.fb-btn-green,
a.fb-btn-green,
.fb-btn-green:hover,
a.fb-btn-green:hover,
.fb-btn-navy,
a.fb-btn-navy,
.fb-btn-navy:hover,
a.fb-btn-navy:hover,
.fb-btn-ghost,
a.fb-btn-ghost,
.fb-btn-ghost:hover,
a.fb-btn-ghost:hover,
.fb-submit,
button.fb-submit,
.fb-submit:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── FOR-BANKS PAGE: All CTA buttons ────────────────────────────────────────── */
.bnk-cta-primary,
a.bnk-cta-primary,
.bnk-cta-primary:hover,
a.bnk-cta-primary:hover,
.bnk-submit-btn,
button.bnk-submit-btn,
.bnk-submit-btn:hover,
.bnk-price-cta.primary,
a.bnk-price-cta.primary,
.bnk-price-cta.primary:hover,
a.bnk-price-cta.primary:hover,
.bnk-strip-btn,
a.bnk-strip-btn,
.bnk-strip-btn:hover,
a.bnk-strip-btn:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── SITEWIDE: Named green button classes ───────────────────────────────────── */
.btn-emerald,
a.btn-emerald,
html body a.btn-emerald,
.btn-emerald:hover,
a.btn-emerald:hover,
.cta-emerald,
a.cta-emerald,
.cta-emerald:hover,
.btn-green,
a.btn-green,
.btn-green:hover,
.cta-green,
a.cta-green,
.cta-green:hover,
.ctw-file-btn.cta-green,
a.ctw-file-btn.cta-green,
.ctw-file-btn.cta-green:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── SMART CTA ENGINE: Green variants ───────────────────────────────────────── */
.sr-game-cta-btn.green,
a.sr-game-cta-btn.green,
.sr-game-cta-btn.green:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── SETTLEMENT DETAIL: Green sticky bar CTAs ───────────────────────────────── */
#srPaywallCTA,
a#srPaywallCTA,
#sr-mobile-cta-bar,
a#sr-mobile-cta-bar,
.dual-cta-primary,
a.dual-cta-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── ADMIN: Green action buttons ────────────────────────────────────────────── */
.det-btn-green,
.af-btn-green,
.ap-btn-green,
button.btn-green {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── CARD CTA BUTTONS (for-business cards) ──────────────────────────────────── */
.fb-card-btn.fb-btn-green,
a.fb-card-btn.fb-btn-green,
.fb-card-btn.fb-btn-navy,
a.fb-card-btn.fb-btn-navy,
.fb-card-btn.fb-btn-green:hover,
.fb-card-btn.fb-btn-navy:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── B2B SECONDARY BUTTONS: Dark text on white/light backgrounds ─────────────
   These are NOT green-background buttons — they're bordered/outline variants.
   They need dark text forced to prevent blue override on white backgrounds. */
.bnk-cta-secondary,
a.bnk-cta-secondary,
.bnk-cta-secondary:hover,
a.bnk-cta-secondary:hover {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
.bnk-price-cta.outline,
a.bnk-price-cta.outline,
.bnk-price-cta.outline:hover,
a.bnk-price-cta.outline:hover {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
.fb-btn-outline,
a.fb-btn-outline,
.fb-btn-outline:hover,
a.fb-btn-outline:hover {
  color: #0A0F1E !important;
  -webkit-text-fill-color: #0A0F1E !important;
}

/* ── PRICING PAGE: Outline CTA buttons (white bg, dark text) ────────────────── */
.pr-cta--outline,
a.pr-cta--outline {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
.pr-cta--outline:hover,
a.pr-cta--outline:hover {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* ── CATCH-ALL: Any inline-style green background buttons ───────────────────── */
a[style*="background:#10b981"],
a[style*="background: #10b981"],
a[style*="background-color:#10b981"],
a[style*="background-color: #10b981"],
a[style*="background:#059669"],
a[style*="background: #059669"],
a[style*="background:#047857"],
a[style*="background: #047857"],
button[style*="background:#10b981"],
button[style*="background: #10b981"],
button[style*="background:#059669"],
button[style*="background: #059669"],
button[style*="background:#047857"],
button[style*="background: #047857"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}