/* =========================================================
   CSAP accessibility fixes, site-wide.
   ========================================================= */

/* ---------- solid fallbacks behind dark gradients ----------
   Contrast checkers (WAVE, axe) read background-color, not gradients, so white
   text on these gradients was reported as white-on-white. Each fallback is a
   colour from its own gradient and sits underneath it, so nothing changes visually.
   !important: Elementor sets background-color:transparent with gradients, and the
   cards' background shorthand does the same; the gradient still paints on top. */
.csap-dark { background-color: #002E5B !important; }          /* 1245 Exchange: rate difference section */
.csap-1245r__band { background-color: #0B5697 !important; }   /* 1245 Exchange: $500K recapture band */
.csap-1245o__card { background-color: #00325F !important; }   /* 1245 Exchange: "who this is for" cards */

/* Highlighted $500K row: small captions #d5e2ed on #2d6ea6 were 4.09:1; white is 5.5:1. */
.csap-1245r .csap-1245r__row.csap-1245r__row--hl .csap-1245r__rowlabel small, .csap-1245r .csap-1245r__row.csap-1245r__row--hl small { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }

/* Links in body text on light sections: the kit link colour #2381BF is 3.9:1 on the
   #F4F7FA section background; #0B5697 (Ocean) is 7:1. */
.csap-section .elementor-widget-text-editor a:not(.elementor-button) { color: #0B5697 !important; -webkit-text-fill-color: #0B5697 !important; text-decoration: underline !important; text-underline-offset: 3px; }
/* Underlined: colour alone did not set links apart from the surrounding bold text (WCAG 1.4.1). */

/* ---------- 1245X calculator widget (dev build), wherever it is embedded ---------- */
/* Selected segment button: its navy comes from a separate sliding indicator that
   checkers cannot see; give the label a real background. */
[data-1245x-calculator-widget] [data-scope="segment-group"][data-part="item"][data-state="checked"] { background-color: #1A3478; border-radius: 6px; }
/* Required-field asterisk: #ef4444 is 3.8:1 on white; #b91c1c is 6.5:1. */
[data-1245x-calculator-widget] .chakra-field__requiredIndicator { color: #B91C1C; }