/* ═══════════════════════════════════════════════════════════════════════════
   Task #1372894: Darken Emerald Green Text — WCAG AA Compliance

   Problem: Emerald green (#00B37D) text on white/light backgrounds fails
   WCAG AA contrast requirement (2.6:1 vs required 4.5:1)

   Solution: Replace #00B37D with #006B4D for TEXT on light backgrounds
   Results in ~5.2:1 contrast ratio (WCAG AA pass)

   Scope: Eyebrow labels, price callouts, stat displays, small text
   Preserve: Button backgrounds, decorative elements, dark-background text
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────
   CARD TEXT ELEMENTS — emerald text on light card backgrounds
   ───────────────────────────────────────────────────────────────────────── */

.dir-card__back-detail-value--gold {
  color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   SOCIAL PROOF & BADGES — emerald text callouts
   ───────────────────────────────────────────────────────────────────────── */

.social-proof-badge,
.wins-badge,
.celebration-badge,
.milestone-badge {
  color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   PAYOUT/AMOUNT DISPLAYS — emerald metrics on white
   ───────────────────────────────────────────────────────────────────────── */

.sdr-payout-value,
.detail-amount-display,
.sr-crosssell-card-payout,
.sr-pro-strip__sub strong {
  color: #006B4D !important;
  -webkit-text-fill-color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   SETTLEMENT DETAIL PAGE — amount & price highlights
   ───────────────────────────────────────────────────────────────────────── */

body.page-settlement-detail .sr-amount-value,
body.page-settlement-detail .settlement-amount,
body.page-settlement-detail .detail-value-emerald {
  color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   FILING FLOW — progress labels & eyebrow text
   ───────────────────────────────────────────────────────────────────────── */

.ff-progress-label.active,
.ff-progress-label.done,
.ff-perk-label {
  color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   MOBILE PREMIUM & FOMO — eyebrow labels on white
   ───────────────────────────────────────────────────────────────────────── */

.me-ptr-label,
.mobile-eyebrow,
.mobile-label {
  color: #006B4D !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   GENERIC INLINE TEXT — emerald text that's NOT on button backgrounds
   Targets direct color styling but excludes elements with dark backgrounds
   ───────────────────────────────────────────────────────────────────────── */

[style*="color:#00B37D"]:not([style*="background:#00B37D"]):not([style*="background-color:#00B37D"]):not([style*="background: #00B37D"]):not([style*="background-color: #00B37D"]):not([style*="background:rgb(0,179,125)"]):not([style*="background:rgb(0, 179, 125)"]):not([style*="background:#1F2A37"]):not([style*="background:#1F3A93"]):not([style*="background:#2d3748"]),
[style*="color: #00B37D"]:not([style*="background"]),
[style*="color:#00b37d"]:not([style*="background"]),
[style*="color: #00b37d"]:not([style*="background"]) {
  color: #006B4D !important;
}