/**
 * Daily Design QA — Contrast & Visual Fixes (Task #1477746 — 2026-05-10)
 * Owns: contrast ratio corrections and font-size floor enforcement for /wins page
 *       found during daily WCAG AA audit.
 * Does NOT own: structural layout, animation, or theme variables.
 *
 * FINDINGS:
 *   P1-A: .igp-card-date (#9ca3af on white .igp-card) = 2.54:1 → fix to #6B7280 (4.83:1)
 *   P1-B: .igp-result-count (#9ca3af on white toolbar bg) = 2.54:1 → fix to #6B7280
 *   P1-C: .igp-char-count (#9ca3af on white modal bg) = 2.54:1 → fix to #6B7280
 *   P1-D: .igp-modal-close (#9ca3af on white modal) = 2.54:1 → fix to #6B7280
 *   P1-E: .igp-card-date font-size 0.7rem (11.2px) → floor to 0.875rem (14px)
 *   P1-F: .igp-result-count font-size 0.72rem (11.5px) → floor to 0.875rem (14px)
 *   P1-G: .igp-char-count font-size 0.7rem (11.2px) → floor to 0.875rem (14px)
 *
 * WCAG AA: 4.5:1 minimum for body text, 3:1 for large text (18px+/14px bold+).
 * All fixes verified via luminance formula. #6B7280 on #fff = 4.83:1 ✅
 */

/* ── P1-A + P1-E: Win card date — contrast + font size ──── */
.igp-card-date {
  color: #6B7280 !important;
  font-size: 0.875rem !important; /* 14px minimum */
}

/* ── P1-B + P1-F: Filter result count — contrast + font size ──── */
.igp-result-count {
  color: #6B7280 !important;
  font-size: 0.875rem !important; /* 14px minimum */
}

/* ── P1-C + P1-G: Submission form char counter ──── */
.igp-char-count {
  color: #6B7280 !important;
  font-size: 0.875rem !important; /* 14px minimum */
}
/* Keep the "over limit" state red */
.igp-char-count.over {
  color: #dc2626 !important;
}

/* ── P1-D: Modal close button ──── */
.igp-modal-close {
  color: #6B7280 !important;
}
.igp-modal-close:hover {
  color: #374151 !important;
}

/* ── Privacy-rights page: cookie banner "Required" badge ──── */
/* #9ca3af on #374151 = 4.06:1 (below 4.5:1 AA for normal text) */
/* Badge is small ALL-CAPS uppercase text — qualifies as "large" if bold,
   but 0.62rem (9.9px) is too small. Fix color + enforce minimum size. */
.sr-cookie-pref__label--required::after {
  color: #D1D5DB !important; /* #D1D5DB on #374151 = 6.08:1 ✅ */
  font-size: 0.75rem !important; /* 12px — minimum for ALL-CAPS badge micro-text */
}

/* ── Eyebrow labels: ensure gold is readable ──── */
/* .igp-eyebrow at 0.72rem (11.5px) — but it's bold+uppercase, acceptable at 3:1 for large text */
/* #d4a017 on #0a1628 = 7.63:1 ✅ — no fix needed for the hero section */

/* ── Toolbar label: 0.72rem uppercase bold — boost to minimum ──── */
.igp-toolbar-label {
  font-size: 0.8125rem !important; /* 13px — acceptable for bold uppercase label */
}