/*
 * Task #1408901 — Settlement Detail Typography Fix
 * Enforces minimum font sizes across all 650+ settlement detail pages.
 *
 * Minimum targets:
 *   Body text:      16px (1rem)
 *   Secondary text:  14px (0.875rem)
 *   Badges/labels:   12px (0.75rem)
 *   No text below:   12px anywhere
 *
 * WCAG AA: 4.5:1 contrast on all text.
 */

/* ── Hero trust items (was 0.76rem / ~12.2px → 0.875rem / 14px) ────────── */
.hero-trust-item {
  font-size: 0.875rem !important;
}

/* ── Trust badges strip inline spans (was 0.74rem / ~11.8px → 0.8125rem / 13px) ── */
/* These are the "Veteran-Owned | SSL Secured | Court-Verified | Stripe | Satisfaction" badges */
.hero-conv-block [style*="font-size:0.74rem"],
.dual-cta-block ~ div [style*="font-size:0.74rem"] {
  font-size: 0.8125rem !important;
}

/* ── CTA value prop (was 0.8rem / ~12.8px → 0.875rem / 14px) ──────────── */
.cta-value-prop {
  font-size: 0.875rem !important;
}

/* ── CTA secondary link (was 0.88rem → 0.9375rem / 15px) ──────────────── */
.cta-secondary-link {
  font-size: 0.9375rem !important;
}

/* ── Urgency forfeit copy (was 0.79rem / ~12.6px → 0.875rem / 14px) ───── */
/* The warning about filing window closing */
body.page-settlement-detail div[style*="font-size:0.79rem"] p,
body.page-settlement-detail p[style*="font-size:0.79rem"] {
  font-size: 0.875rem !important;
}

/* ── Proof-required disclaimer (was 0.71rem / ~11.4px → 0.8125rem / 13px) */
body.page-settlement-detail div[style*="font-size:0.71rem"] {
  font-size: 0.8125rem !important;
}

/* ── Social proof urgency strip items (was .8rem → 0.875rem / 14px) ───── */
.sp-cta-item {
  font-size: 0.875rem !important;
}

/* ── Filing counter chip (was 0.84rem → 0.875rem / 14px) ──────────────── */
.sr-filing-counter {
  font-size: 0.875rem !important;
}

/* ── Viewing now badge (was 0.82rem → 0.875rem / 14px) ─────────────────── */
.viewing-now-badge {
  font-size: 0.875rem !important;
}

/* ── Quick facts section (was 0.82rem → 0.875rem / 14px) ───────────────── */
.sr-quick-facts dt {
  font-size: 0.875rem !important;
}
.sr-quick-facts dd {
  font-size: 0.9375rem !important;
}

/* ── FOMO urgency badge CTA buttons (was 11px → 12px) ──────────────────── */
.fomo-cta-btn {
  font-size: 12px !important;
}

/* ── Social proof ticker: stat labels (was 0.7rem / ~11.2px → 0.75rem / 12px) ── */
.spt-stat-label {
  font-size: 0.75rem !important;
}

/* ── Social proof ticker: ticker label (was 0.7rem → 0.75rem / 12px) ──── */
.spt-ticker-label {
  font-size: 0.75rem !important;
}

/* ── Social proof ticker: item text (was 0.8rem → 0.875rem / 14px) ────── */
.spt-item {
  font-size: 0.875rem !important;
}

/* ── Social proof ticker: item time (was 0.75rem → 0.8125rem / 13px) ──── */
.spt-item-time {
  font-size: 0.8125rem !important;
}

/* ── Detail page trust strip badges (settlement-detail-v2.css: 12px is OK, but enforce) ── */
.sr-trust-badge {
  font-size: 12px !important;
}

/* ── FOMO urgency badges text — ensure readable ────────────────────────── */
.fomo-urgency-badge {
  font-size: 0.875rem !important;
}

/* ── Breadcrumb text (was 0.875rem — OK but bumping for readability) ───── */
.breadcrumb-nav a,
.breadcrumb-current {
  font-size: 0.875rem !important;
}

/* ── How-to-file step content ──────────────────────────────────────────── */
.sr-htf-step-content h3 {
  font-size: 1.0625rem !important;  /* 17px */
}
.sr-htf-step-content p {
  font-size: 0.9375rem !important;  /* 15px */
  line-height: 1.6 !important;
}
.sr-htf-subtitle {
  font-size: 0.9375rem !important;  /* 15px */
  line-height: 1.6 !important;
}

/* ── Hero payout badge text ─────────────────────────────────────────────── */
.hero-payout-label {
  font-size: 0.8125rem !important;  /* 13px */
}
.hero-payout-value {
  font-size: 1rem !important;       /* 16px — this is a money amount, must be prominent */
  font-weight: 800 !important;
}
.hero-payout-emoji {
  font-size: 1rem !important;
}

/* ── Hero difficulty badge ─────────────────────────────────────────────── */
.hero-difficulty-badge {
  font-size: 0.875rem !important;   /* 14px */
}
.hero-difficulty-time {
  font-size: 0.8125rem !important;  /* 13px */
}

/* ── Hero claimed badge ────────────────────────────────────────────────── */
.hero-claimed-badge {
  font-size: 0.875rem !important;   /* 14px */
}

/* ── Weekly filed badge ────────────────────────────────────────────────── */
.sr-week-filed-badge {
  font-size: 0.875rem !important;   /* 14px */
}

/* ── Non-monetary / auto-pay / closed alert text ───────────────────────── */
/* These were at 0.84-0.92rem inline */
body.page-settlement-detail .detail-section p[style*="font-size:0.84rem"] {
  font-size: 0.875rem !important;
}
body.page-settlement-detail .detail-section p[style*="font-size:0.92rem"] {
  font-size: 0.9375rem !important;
}

/* ── Trust card content (was 1rem via class — just enforce consistency) ── */
.sr-trust-card-title {
  font-size: 0.9375rem !important;  /* 15px — slight bump from 1rem that was actually rendering badge-size */
  font-weight: 900 !important;
}
.sr-trust-card-text {
  font-size: 0.875rem !important;   /* 14px */
  line-height: 1.6 !important;
}

/* ── Eligibility quiz step text ────────────────────────────────────────── */
.eq-quiz-step {
  font-size: 0.9375rem !important;
}

/* ── VG plan features (was 0.77rem / ~12.3px → 0.8125rem / 13px) ──────── */
.sr-vg-plan-features li {
  font-size: 0.8125rem !important;
}

/* ── Settlement score inline text (ensure minimum) ─────────────────────── */
#sr-settlement-score {
  font-size: 0.875rem !important;
}

/* ── Sidebar price/trust text ──────────────────────────────────────────── */
.sidebar-price-sub {
  font-size: 0.875rem !important;
}

/* ── Mid-page CTA trust badges (inline styles using font-size:1rem — keep) ── */

/* ── Video story slide text — this is inside a tiny card so sizes are intentionally small ── */
/* Intentionally excluded from minimum overrides (the card is a 180px visual element) */

/* ──────────────────────────────────────────────────────────────────────── */
/* ── MOBILE OVERRIDES ──────────────────────────────────────────────────── */
/* ──────────────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  /* Social proof ticker: stat labels (was 0.6rem / 9.6px → 0.6875rem / 11px) */
  .spt-stat-label {
    font-size: 0.6875rem !important;
  }

  /* Ticker items (was 0.76rem → 0.8125rem / 13px) */
  .spt-item {
    font-size: 0.8125rem !important;
  }

  /* Filing counter mobile (was 0.79rem → 0.8125rem / 13px) */
  .sr-filing-counter {
    font-size: 0.8125rem !important;
  }

  /* SP urgency strip mobile (was 0.77rem → 0.8125rem / 13px) */
  .sp-cta-item {
    font-size: 0.8125rem !important;
  }
}

@media (max-width: 480px) {
  /* Keep text readable even on narrowest screens */
  .hero-trust-item {
    font-size: 0.8125rem !important;  /* 13px */
  }

  .cta-value-prop {
    font-size: 0.8125rem !important;
  }

  .sr-htf-step-content p {
    font-size: 0.875rem !important;   /* 14px */
  }

  .sr-trust-card-text {
    font-size: 0.8125rem !important;  /* 13px */
  }

  /* Stat nums on mobile (was 0.9rem → keep at 0.9rem, it's 14.4px which is OK) */
}

/* ──────────────────────────────────────────────────────────────────────── */
/* ── CONTRAST FIXES (WCAG AA 4.5:1) ───────────────────────────────────── */
/* ──────────────────────────────────────────────────────────────────────── */

/* sp-cta-item was #6b7280 on white — 4.6:1, borderline OK but bumping for clarity */
.sp-cta-item {
  color: #4b5563 !important;
}
.sp-cta-item strong {
  color: #111827 !important;
}

/* hero-trust-item was #4b5563 — OK at 6.0:1, keep */

/* Ensure .text-muted on this page doesn't dip below WCAG */
body.page-settlement-detail .text-muted {
  color: #6b7280 !important;  /* 4.6:1 on white */
  opacity: 1 !important;       /* Task #1404963 noted opacity was degrading contrast */
}