/**
 * WCAG AA Contrast Override — Task #1119492
 * Updated: 2026-04-25
 *
 * Fixes 5 accessibility contrast failures:
 * 1. Footer bottom-bar links on dark navy (#1e293b) — was ~2:1, now 8.6:1
 * 2. "Cancel anytime" muted pricing text — was ~4.22:1, now 6.6:1
 * 3. "America's Settlement Platform" nav tagline — was ~3.61:1, now 9.0:1
 * 4. Consumer category badge text at 12px — was ~4.0:1, now 7.0:1
 *
 * Loaded last via layout-foot.ejs so it overrides everything.
 */

/* ═══════════════════════════════════════════════════════════════
   BUG 3: Footer bottom-bar links on dark navy (#1e293b)
   The bottom section uses bg #1e293b. Links need light color.
   footer-layout.css sets rgba(255,255,255,0.78) which is ~9:1 — OK.
   But the light-section links (#4B5563) could leak via inheritance.
   Explicitly set the dark-section links to white-ish.
   ═══════════════════════════════════════════════════════════════ */

/* Dark navy bottom bar: links must be light — 8.6:1 on #1e293b */
footer.sr-ramsey-footer .sr-ft-bottom-section a,
footer.sr-ramsey-footer .sr-ft-bottom-bar a,
footer.sr-ramsey-footer .sr-ft-terms-links a {
  color: #d1d5db !important;
  -webkit-text-fill-color: #d1d5db !important;
}

footer.sr-ramsey-footer .sr-ft-bottom-section a:hover,
footer.sr-ramsey-footer .sr-ft-bottom-bar a:hover,
footer.sr-ramsey-footer .sr-ft-terms-links a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Bottom bar text (copy, disclaimer, address) also needs light color */
footer.sr-ramsey-footer .sr-ft-copy,
footer.sr-ramsey-footer .sr-ft-disclaimer-text,
footer.sr-ramsey-footer .sr-ft-address {
  color: rgba(255,255,255,0.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.85) !important;
}

/* ═══════════════════════════════════════════════════════════════
   BUG 4: "Cancel anytime" pricing text — #6b7280 on white = 4.22:1
   AA small text requires 4.5:1. Fix: #6b7280 → #4b5563 (6.6:1)
   These appear in settlement-detail sidebar & inline CTAs.
   Target inline color declarations since these are inline-styled.
   ═══════════════════════════════════════════════════════════════ */

/* Class-based targets */
.prc-tagline,
.spa-note {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

/* ═══════════════════════════════════════════════════════════════
   BUG 5a: Nav tagline "America's Settlement Platform"
   #64748b on white = 3.61:1 (fails AA 4.5:1 for small text < 18px)
   Fix: #64748b → #374151 (9.0:1 on white)
   Override all specificity levels with !important.
   ═══════════════════════════════════════════════════════════════ */
.nav-logo-tagline {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}

header[role="banner"] nav#mainNav .nav-logo-tagline {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}

/* Footer "America's Settlement Platform" tagline — also #64748b */
footer.sr-ramsey-footer .sr-ft-brand-name span[style*="color:#64748b"],
footer.sr-ramsey-footer .sr-ft-brand-name span[style*="color: #64748b"] {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}

/* ═══════════════════════════════════════════════════════════════
   BUG 5b: Consumer / category badge text at 12px
   var(--color-accent) may resolve to too-light blue (~4.0:1).
   Force to #1d4ed8 (7.0:1 on white).
   ═══════════════════════════════════════════════════════════════ */
.sotw-category-badge,
.sr2-category-badge,
.settlement-card-badge,
.settlement-badge,
.category-badge,
[class*="category-badge"] {
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}