/**
 * Economic Perspectives parity + WCAG 2.2 AA overrides.
 * Applied to post-24173 (Global) and post-24192 (Domestic).
 * Load after insights-technical-parity.css.
 *
 * Shared Elementor tokens on these pages:
 *   --e-global-color-text  → #7A7A7A (4.29:1 on white — fails SC 1.4.3)
 *   --e-global-color-accent → #A8C1FF (active tab bg; white text 1.78:1 — fails SC 1.4.3)
 */

/* ─── SC 1.4.3: Date stamp text (#7A7A7A → #595959, 7.0:1 on white) ─────────
   Widget 6e63014 (left card) / c5c41dc (right card); React cards use .insight-tmo-date. */
.elementor-24173 .insight-tmo-date .elementor-heading-title,
.elementor-24192 .insight-tmo-date .elementor-heading-title,
.elementor-24173 .elementor-element.elementor-element-6e63014 .elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-6e63014 .elementor-heading-title,
.elementor-24173 .elementor-element.elementor-element-c5c41dc .elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-c5c41dc .elementor-heading-title {
  color: #595959 !important;
}

/* ─── SC 1.4.3: Inactive tab label (#7A7A7A → #595959, 7.0:1 on white) ─────
   Post CSS: .elementor-element-b80a47a / .elementor-element-4f0cc34 .elementor-heading-title
   { color: var(--e-global-color-text) } — match double-class specificity + !important.       */
.elementor-24173 a.insight-econ-tab-link.elementor-heading-title:not([aria-current="page"]),
.elementor-24192 a.insight-econ-tab-link.elementor-heading-title:not([aria-current="page"]),
.elementor-24173 .elementor-element.elementor-element-b80a47a .elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-4f0cc34 .elementor-heading-title {
  color: #595959 !important;
  text-decoration: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  font-weight: 600;
  display: block;
  cursor: pointer;
}

.elementor-24173 .insight-econ-tab-link:hover:not([aria-current="page"]),
.elementor-24192 .insight-econ-tab-link:hover:not([aria-current="page"]) {
  color: #244c9b !important;
}

/* ─── SC 1.4.3: Card description text (#7A7A7A → #595959) ─────────────────── */
.elementor-24173 .insight-tmo-desc,
.elementor-24192 .insight-tmo-desc,
.elementor-24173 .insight-tmo-desc p,
.elementor-24192 .insight-tmo-desc p {
  color: #595959 !important;
}

/* ─── SC 1.4.3 + 1.4.11: Active tab — navy bg + white text ──────────────────
   Post CSS paints accent (#A8C1FF) on .elementor-widget-wrap, not the column.
   af37493 = active tab on Global; bf0b8b0 = active tab on Domestic.
   Heading widgets: 4f0cc34 (Global active), 1b36f73 (Domestic active).         */
.elementor-24173 .elementor-element.elementor-element-af37493:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-24173 .elementor-element.elementor-element-af37493 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #244c9b !important;
}

.elementor-24192 .elementor-element.elementor-element-bf0b8b0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap,
.elementor-24192 .elementor-element.elementor-element-bf0b8b0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #244c9b !important;
}

.elementor-24173 .elementor-element.elementor-element-af37493 .elementor-heading-title,
.elementor-24173 .elementor-element.elementor-element-af37493 span.elementor-heading-title,
.elementor-24173 .elementor-element.elementor-element-af37493 a.elementor-heading-title,
.elementor-24173 .elementor-element.elementor-element-4f0cc34 .elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-bf0b8b0 .elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-bf0b8b0 span.elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-bf0b8b0 a.elementor-heading-title,
.elementor-24192 .elementor-element.elementor-element-1b36f73 .elementor-heading-title {
  color: #ffffff !important;
}

/* ─── Focus indicator — "Open an Account" on dark hero ────────────────────── */
.elementor-24173 .elementor-element-1546caa .elementor-button-wrapper:focus-within,
.elementor-24192 .elementor-element-1546caa .elementor-button-wrapper:focus-within {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px;
}

/* ─── Focus indicator — inactive tab link ─────────────────────────────────── */
.elementor-24173 .insight-econ-tab-link:focus-visible,
.elementor-24192 .insight-econ-tab-link:focus-visible {
  outline: 3px solid #244c9b;
  outline-offset: 2px;
  border-radius: 2px;
}

/* ─── Focus indicator — current-page tab link (navy active column) ────────── */
.elementor-24173 a[aria-current="page"].elementor-heading-title:focus-visible,
.elementor-24192 a[aria-current="page"].elementor-heading-title:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
  border-radius: 2px;
}