/* ═══════════════════════════════════════════════════════════════════════════
   READABILITY FIX — SITE-WIDE LIGHT THEME OVERRIDE
   ═══════════════════════════════════════════════════════════════════════════

   ROOT CAUSE: The site migrated from dark theme to Ramsey Light Theme, but:
   1. CSS variables --green-deep (#ffffff), --green-dark (#f9fafb), --white (#ffffff)
      were remapped to light values without updating the 26+ EJS templates that
      reference them for text colors and backgrounds.
   2. Inline <style> blocks in EJS templates use hard-coded rgba(255,255,255,...)
      white text colors that are invisible on the now-white page background.
   3. Previous fixes in external CSS files were overridden by inline styles
      (same specificity, later cascade position = inline wins).

   THIS FILE uses !important to guarantee overrides of ALL inline styles.
   Loaded LAST in layout-head.ejs to serve as the definitive readability layer.

   Created: 2026-04-08
   ═══════════════════════════════════════════════════════════════════════════ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1. HERO SECTIONS — Solid dark backgrounds (keep white text)
   The hero backgrounds used var(--green-deep)/var(--green-dark) which are now
   white/light. Force solid navy backgrounds so white text stays readable.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-hero,
.post-hero,
.news-hero,
.why-hero,
.resource-hero,
.resources-hero,
.la-hero,
.eb-hero,
.ns-hero,
.ppl-hero,
.fms-hero,
.csg-hero,
.fg-hero,
.fc-hero,
.report-hero,
.updates-hero,
.tools-hero,
.terms-hero,
.ss-hero,
.widget-hero,
.wd-hero,
.hero-compact,
.detail-hero,
.file-hero {
    background: linear-gradient(180deg, #003561 0%, #002342 100%) !important;
    color: #ffffff !important;
}

/* Hero headings from styles.css — force white on dark hero */
.hero-compact h1,
.detail-hero h1,
.file-hero h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Filters bar under hero — solid dark */
.filters-section {
    background: #002342 !important;
    color: #ffffff !important;
}

/* Hero headings — white on dark hero bg */
.blog-hero h1,
.post-hero h1,
.news-hero h1,
.why-hero h1,
.resource-hero h1,
.resources-hero h1,
.la-hero h1,
.eb-hero h1,
.ns-hero h1,
.ppl-hero h1,
.fms-hero h1,
.csg-hero h1,
.fg-hero h1,
.fc-hero h1,
.report-hero h1,
.updates-hero h1,
.tools-hero h1,
.terms-hero h1,
.ss-hero h1,
.widget-hero h1,
.wd-hero h1 {
    color: #ffffff !important;
}

/* Hero subtitles — lighter white on dark hero bg */
.blog-hero-sub,
.news-hero-sub,
.post-meta,
.post-breadcrumb,
.post-breadcrumb a,
.why-hero-sub,
.resource-hero-sub,
.la-hero-sub,
.eb-hero-sub,
.ns-hero-sub,
.ppl-hero-sub,
.fms-hero-sub,
.csg-subhead,
.fg-subhead,
.fc-subhead,
.report-subtitle,
.terms-hero-sub {
    color: rgba(255,255,255,0.8) !important;
}
.blog-hero-sub strong,
.news-hero-sub strong {
    color: #ffffff !important;
}

/* Hero tags/eyebrows — green accent on dark bg is fine */
.blog-hero-tag,
.news-hero-tag,
.post-category-chip {
    color: var(--green-accent) !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   2. CONTENT CARDS — White backgrounds with dark text
   Cards used transparent dark rgba backgrounds that become nearly invisible
   on the white page background.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-card,
.news-card,
.related-card,
.roundup-settlement-card,
.blog-sidebar-card,
.post-sidebar-card,
.blog-newsletter,
.post-newsletter-cta,
.post-filing-cta,
.news-filing-cta,
.article-cta-box,
.resource-card,
.la-step,
.la-plan,
.eb-card,
.ns-plan,
.ppl-tier,
.ppl-step,
.why-card,
.why-trust-card,
.why-testimonial-card,
.ss-card,
.tool-card,
.updates-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}
.blog-card:hover,
.news-card:hover,
.related-card:hover,
.roundup-settlement-card:hover,
.resource-card:hover,
.la-step:hover,
.eb-card:hover,
.why-card:hover,
.ss-card:hover,
.tool-card:hover,
.updates-card:hover {
    border-color: #22c55e !important;
    background: #fafafa !important;
}

/* Featured plans */
.la-plan.featured,
.ns-plan.featured {
    background: #f0fdf4 !important;
    border-color: #22c55e !important;
    box-shadow: 0 4px 24px rgba(34,197,94,0.12) !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   3. TEXT COLORS — Force dark text everywhere outside hero sections
   All text that used var(--white) or rgba(255,255,255,...) must be dark.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── Headings (near-black) ── */
.blog-card h2,
.news-card-headline,
.related-card h4,
.roundup-settlement-card h3,
.blog-newsletter h3,
.post-content h2,
.post-content h3,
.post-filing-cta-text h3,
.post-newsletter-cta h3,
.news-filing-cta-text h3,
.resource-card-title,
.resource-offer-name,
.la-section-title,
.la-plan-name,
.la-included-title,
.la-step h3,
.la-faq-q,
.la-contact-text h3,
.la-bottom-cta h2,
.la-modal h3,
.eb-card-title,
.ns-title,
.ns-plan-name,
.ns-plan-price,
.ns-faq-q,
.ppl-section-title,
.ppl-tier-name,
.ppl-step h3,
.ppl-faq-q,
.ppl-bottom-cta h2,
.why-section-title,
.why-card h3,
.why-trust-num,
.ss-card h3,
.tool-card h3,
.updates-card h3,
.report-section-title,
.hq-returning-title,
.hq-cta-title,
.hq-result-title,
.fms-bundle-text strong,
.article-cta-box strong,
.roundup-summary-table td:first-child {
    color: #111827 !important;
}

/* ── Body text (dark gray) ── */
.blog-card-excerpt,
.blog-hero-sub,
.news-card-summary,
.post-content,
.post-lead,
.post-filing-cta-text p,
.post-newsletter-cta p,
.news-filing-cta-text p,
.blog-newsletter p,
.roundup-settlement-card p,
.resource-card-desc,
.la-section-sub,
.la-step p,
.la-plan-desc,
.la-faq-a,
.eb-card-desc,
.ns-sub,
.ns-plan-desc,
.ns-faq-a,
.ppl-section-sub,
.ppl-tier-desc,
.ppl-step p,
.ppl-faq-a,
.why-card p,
.why-section-sub,
.ss-card p,
.tool-card-desc,
.updates-card p,
.report-body,
.callout-text,
.report-footer-cta p,
.terms-content {
    color: #374151 !important;
}

/* ── Secondary/meta text (medium gray) ── */
.blog-count-label,
.blog-card-date,
.blog-card-read-time,
.news-count-label,
.news-card-source,
.news-card-date,
.news-updated,
.news-page-label,
.news-empty,
.post-related h3,
.related-card-meta,
.blog-sidebar-links a,
.post-sidebar-links a,
.blog-page-btn,
.news-page-btn,
.rs-deadline-open,
.rs-proof-req,
.rs-meta-row,
.roundup-summary-table td,
.report-meta,
.why-testimonial-meta,
.why-testimonial-meta strong,
.proof-count,
.company-name,
.la-trust-label,
.la-plan-features li,
.ns-plan-features li,
.ppl-tier-features li,
.t-lose,
.t-neutral {
    color: #4b5563 !important;
}
.blog-count-label strong,
.news-count-label strong,
.report-meta strong {
    color: #111827 !important;
}

/* ── Post content specifics ── */
.post-content li {
    color: #374151 !important;
}
.post-content strong {
    color: #111827 !important;
}
.post-content blockquote {
    color: #4b5563 !important;
    background: rgba(34,197,94,0.06) !important;
}
.article-cta-box {
    color: #374151 !important;
    background: rgba(34,197,94,0.06) !important;
    border-color: rgba(34,197,94,0.2) !important;
}

/* ── Roundup category badges — keep colored but ensure visibility ── */
.rs-category-privacy { background: rgba(139,92,246,0.12) !important; color: #7c3aed !important; }
.rs-category-financial { background: rgba(245,158,11,0.12) !important; color: #d97706 !important; }
.rs-category-health { background: rgba(239,68,68,0.12) !important; color: #dc2626 !important; }
.rs-category-data { background: rgba(59,130,246,0.12) !important; color: #2563eb !important; }
.rs-category-employment { background: rgba(34,197,94,0.12) !important; color: #16a34a !important; }
.rs-category-consumer { background: rgba(20,184,166,0.12) !important; color: #0d9488 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   4. FORM ELEMENTS — Readable inputs on light backgrounds
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-newsletter-input,
.post-newsletter-input,
.email-gate-input,
.why-email-form input,
.hq-email-input {
    background: #f9fafb !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
}
.blog-newsletter-input::placeholder,
.post-newsletter-input::placeholder,
.email-gate-input::placeholder,
.why-email-form input::placeholder,
.hq-email-input::placeholder {
    color: #9ca3af !important;
}
.blog-newsletter-input:focus,
.post-newsletter-input:focus,
.email-gate-input:focus,
.why-email-form input:focus {
    background: #ffffff !important;
    border-color: #22c55e !important;
}

/* State selector */
.hq-state-select,
.hq-state-select option {
    color: #111827 !important;
    background: #f9fafb !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   5. BUTTONS & CTAs — Ensure text is visible
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Green buttons should have WHITE text (not --green-deep which is now #fff) */
.blog-sidebar-cta-btn,
.post-sidebar-cta-btn,
.blog-newsletter-btn,
.post-newsletter-btn,
.post-filing-cta-btn,
.news-filing-cta-btn,
.email-gate-btn,
.rs-file-btn,
.why-cta-btn,
.la-cta-btn,
.ppl-cta-btn {
    background: #22c55e !important;
    color: #ffffff !important;
}
.blog-sidebar-cta-btn:hover,
.post-sidebar-cta-btn:hover,
.blog-newsletter-btn:hover,
.post-newsletter-btn:hover,
.email-gate-btn:hover,
.rs-file-btn:hover {
    background: #16a34a !important;
    color: #ffffff !important;
}

/* Pagination — active buttons */
.blog-page-btn.active,
.news-page-btn.active {
    background: #22c55e !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
}
/* Pagination — inactive buttons */
.blog-page-btn,
.news-page-btn {
    color: #4b5563 !important;
    border-color: #e5e7eb !important;
    background: #f9fafb !important;
}
.blog-page-btn:hover,
.news-page-btn:hover {
    border-color: #22c55e !important;
    color: #111827 !important;
    background: #f0fdf4 !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   6. SIDEBAR — Light background with dark text
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blog-sidebar-links li {
    border-bottom-color: #e5e7eb !important;
}
.blog-sidebar-links a,
.post-sidebar-links a {
    color: #374151 !important;
}
.blog-sidebar-links a:hover,
.post-sidebar-links a:hover {
    color: #16a34a !important;
}
.post-sidebar-links li {
    border-bottom-color: #e5e7eb !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   7. EMAIL GATE BANNER — Light background readable text
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.email-gate-banner {
    background: #f0fdf4 !important;
    border-color: rgba(34,197,94,0.25) !important;
}
.email-gate-text strong {
    color: #111827 !important;
}
.email-gate-text span {
    color: #374151 !important;
}
.email-gate-dismiss {
    color: #6b7280 !important;
}
.email-gate-dismiss:hover {
    color: #111827 !important;
}
.email-gate-success {
    color: #16a34a !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   8. BORDERS & DIVIDERS — Visible on light background
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post-related {
    border-top-color: #e5e7eb !important;
}
.post-ad-slot {
    border-top-color: #e5e7eb !important;
    border-bottom-color: #e5e7eb !important;
}
.roundup-summary-table th {
    border-bottom-color: rgba(34,197,94,0.2) !important;
}
.roundup-summary-table td {
    border-bottom-color: #f3f4f6 !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   9. TRENDS/REPORT PAGE — Dark text overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.report-section-title { color: #111827 !important; }
.report-body,
.callout-text,
.report-footer-cta p { color: #374151 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   10. WHY SETTLEMENTRADAR PAGE — Light theme overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.why-section-title { color: #111827 !important; }
.why-section-sub { color: #4b5563 !important; }
.why-card h3 { color: #111827 !important; }
.why-card p { color: #374151 !important; }
.why-trust-num { color: #111827 !important; }
.why-trust-label { color: #4b5563 !important; }
.why-testimonial-card p { color: #374151 !important; }
.why-testimonial-meta { color: #6b7280 !important; }
.why-testimonial-meta strong { color: #111827 !important; }
.why-email-form { background: #f0fdf4 !important; border-color: rgba(34,197,94,0.25) !important; }
.why-link-strip span { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   11. TOOLS INDEX PAGE — Light theme overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tool-card {
    border-color: #e5e7eb !important;
}
.tool-card-desc { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   12. UPDATES PAGE — Light theme overrides
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.updates-card h3 { color: #111827 !important; }
.updates-card p,
.updates-meta { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   13. TERMS PAGE — Dark text
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.terms-content { color: #374151 !important; }
.terms-content h2 { color: #111827 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   14. WIDGET PAGE — Dark text
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wd-section-title { color: #111827 !important; }
.wd-section-sub,
.wd-type-sub { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   15. SUCCESS STORIES PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ss-card h3 { color: #111827 !important; }
.ss-card p { color: #374151 !important; }
.ss-meta { color: #6b7280 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   16. LEAD MAGNETS (Free Guide, Free Course, Closing Soon)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.csg-subhead,
.fg-subhead,
.fc-subhead { color: rgba(255,255,255,0.8) !important; }  /* inside hero, keep light */

.csg-proof,
.fg-proof,
.fc-proof-row,
.csg-social-proof,
.fg-social-proof,
.csg-preview-subtitle,
.fg-preview-subtitle,
.fc-preview-subtitle,
.fc-note,
.fc-trust-badge { color: #4b5563 !important; }

.csg-countdown-lbl { color: #6b7280 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   17. DATA BREACH / CATEGORY HUBS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hub-section-title { color: #111827 !important; }
.hub-section-sub { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   18. HOMEPAGE QUIZ/ELIGIBILITY MATCHER (hq-* classes)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hq-returning-title { color: #111827 !important; }
.hq-returning-msg { color: #4b5563 !important; }
.hq-cta-title { color: #111827 !important; }
.hq-cta-sub { color: #4b5563 !important; }
.hq-cta-note { color: #6b7280 !important; }
.hq-result-title { color: #111827 !important; }
.hq-result-company { color: #16a34a !important; }
.hq-no-matches { color: #4b5563 !important; }
.hq-no-matches h3 { color: #374151 !important; }
.hq-email-gate-text strong { color: #111827 !important; }
.hq-email-gate-text span { color: #4b5563 !important; }
.hq-state-hint { color: #6b7280 !important; }
.hq-state-select { color: #111827 !important; background: #f9fafb !important; border-color: #d1d5db !important; }
.hq-state-select option { background: #ffffff !important; color: #111827 !important; }
.hq-email-input { background: #f9fafb !important; border-color: #d1d5db !important; color: #111827 !important; }
.hq-email-input::placeholder { color: #9ca3af !important; }
.hq-back-btn,
.hq-retake-btn { border-color: #d1d5db !important; color: #4b5563 !important; background: #f9fafb !important; }
.hq-back-btn:hover,
.hq-retake-btn:hover { border-color: #22c55e !important; color: #111827 !important; }
.hq-result-card,
.hq-email-gate-card { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }

/* Closing 72hr section */
.c72-sub { color: #4b5563 !important; }
.c72-subscribe-nudge { color: #6b7280 !important; }

/* Social proof widget */
.sw-success-msg { color: #4b5563 !important; }
.mts { color: #6b7280 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   19. FOR-ADMINISTRATORS PAGE (la-* classes — expanded)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.la-hero h1 { color: #ffffff !important; }
.la-hero-sub { color: rgba(255,255,255,0.8) !important; }
.la-hero-note { color: #6b7280 !important; }
.la-hero-note a { color: #16a34a !important; }
.la-section-title { color: #111827 !important; }
.la-section-sub { color: #4b5563 !important; }
.la-step { background: #ffffff !important; border-color: #e5e7eb !important; }
.la-step h3 { color: #111827 !important; }
.la-step p { color: #374151 !important; }
.la-plan { background: #ffffff !important; border-color: #e5e7eb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
.la-plan.featured { background: #f0fdf4 !important; border-color: #22c55e !important; }
.la-plan-name { color: #16a34a !important; }
.la-plan-price { color: #111827 !important; }
.la-plan-price span { color: #6b7280 !important; }
.la-plan-desc { color: #4b5563 !important; border-bottom-color: #e5e7eb !important; }
.la-plan-features li { color: #374151 !important; }
.la-included-title { color: #111827 !important; }
.la-trust-num { color: #111827 !important; }
.la-trust-label { color: #4b5563 !important; }
.la-faq-q { color: #111827 !important; }
.la-faq-a { color: #374151 !important; }
.la-faq-item { border-bottom-color: #e5e7eb !important; }
.la-contact-text h3 { color: #111827 !important; }
.la-contact-text p { color: #4b5563 !important; }
.la-bottom-cta h2 { color: #111827 !important; }
.la-bottom-cta p { color: #4b5563 !important; }
.la-modal h3 { color: #111827 !important; }
.la-modal-close { color: #6b7280 !important; }
.la-modal-close:hover { color: #111827 !important; }
.la-modal-body { color: #374151 !important; }

/* Cross-programs section */
.cross-programs-sub { color: #4b5563 !important; }
.cross-program-desc { color: #4b5563 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   20. NEWSLETTER SPONSOR + LAW FIRMS PAY-PER-LEAD + ELIGIBILITY BRAND
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Newsletter sponsor */
.ns-hero h1 { color: #ffffff !important; }
.ns-hero-sub { color: rgba(255,255,255,0.8) !important; }
.ns-title { color: #111827 !important; }
.ns-sub { color: #4b5563 !important; }
.ns-plan { background: #ffffff !important; border-color: #e5e7eb !important; }
.ns-plan.featured { background: #f0fdf4 !important; border-color: #22c55e !important; }
.ns-plan-name { color: #16a34a !important; }
.ns-plan-price { color: #111827 !important; }
.ns-plan-desc { color: #4b5563 !important; }
.ns-plan-features li { color: #374151 !important; }
.ns-faq-q { color: #111827 !important; }
.ns-faq-a { color: #374151 !important; }

/* Law firms pay-per-lead */
.ppl-hero h1 { color: #ffffff !important; }
.ppl-hero-sub { color: rgba(255,255,255,0.8) !important; }
.ppl-section-title { color: #111827 !important; }
.ppl-section-sub { color: #4b5563 !important; }
.ppl-tier { background: #ffffff !important; border-color: #e5e7eb !important; }
.ppl-tier.featured { background: #f0fdf4 !important; border-color: #22c55e !important; }
.ppl-tier-name { color: #16a34a !important; }
.ppl-tier-price { color: #111827 !important; }
.ppl-tier-desc { color: #4b5563 !important; }
.ppl-tier-features li { color: #374151 !important; }
.ppl-step { background: #ffffff !important; border-color: #e5e7eb !important; }
.ppl-step h3 { color: #111827 !important; }
.ppl-step p { color: #374151 !important; }
.ppl-faq-q { color: #111827 !important; }
.ppl-faq-a { color: #374151 !important; }
.ppl-bottom-cta h2 { color: #111827 !important; }
.ppl-bottom-cta p { color: #4b5563 !important; }

/* Eligibility brand */
.eb-hero h1 { color: #ffffff !important; }
.eb-hero-sub { color: rgba(255,255,255,0.8) !important; }
.eb-card { background: #ffffff !important; border-color: #e5e7eb !important; }
.eb-card-title { color: #111827 !important; }
.eb-card-desc { color: #374151 !important; }

/* Find my settlements */
.fms-hero h1 { color: #ffffff !important; }
.fms-hero-sub { color: rgba(255,255,255,0.8) !important; }
.fms-bundle-text strong { color: #111827 !important; }
.fms-bundle-text p { color: #374151 !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   21. STYLES.CSS OVERRIDES — Elements defined in external CSS with var(--white)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Search/filter inputs — dark text on light input bg */
.search-input {
    color: #111827 !important;
    background: #f9fafb !important;
    border-color: #d1d5db !important;
}
.search-input:focus {
    background: #ffffff !important;
}
.filter-select {
    color: #111827 !important;
    background: #f9fafb !important;
    border-color: #d1d5db !important;
}

/* Settlement of the Week */
.sotw-title { color: #111827 !important; }
.sotw-deadline strong { color: #111827 !important; }

/* Testimonials section */
.testimonials-title { color: #111827 !important; }
.testimonial-name { color: #111827 !important; }
.testimonial-info { border-top-color: #e5e7eb !important; }
.testimonial-settlement { background: #f3f4f6 !important; }

/* Community section */
.community-links-card { background: #ffffff !important; border-color: #e5e7eb !important; }
.community-links-title { color: #111827 !important; }
.community-link { color: #16a34a !important; border-bottom-color: #f3f4f6 !important; }
.community-detail-title { color: #111827 !important; }
.community-detail-body { color: #374151 !important; }
.community-rules-list strong { color: #374151 !important; }

/* btn-secondary — keep visible on light bg */
.btn-secondary {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #d1d5db !important;
}
.btn-secondary:hover {
    background: #e5e7eb !important;
    color: #111827 !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   22. SETTLEMENT DETAIL PAGE — Override dark-theme colors
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.related-card-title { color: #111827 !important; }
.email-capture-input { color: #111827 !important; background: #f9fafb !important; }
.email-capture-input::placeholder { color: #9ca3af !important; }
.bottom-email-capture-input { color: #111827 !important; background: #f9fafb !important; }
.bottom-email-capture-input::placeholder { color: #9ca3af !important; }

/* DYGP (claim form) overrides */
.dygp-title { color: #111827 !important; }
.dygp-subtitle { color: #4b5563 !important; }
.dygp-label { color: #374151 !important; }
.dygp-optional { color: #9ca3af !important; }
.dygp-input { color: #111827 !important; background: #f9fafb !important; border-color: #d1d5db !important; }
.dygp-input::placeholder { color: #9ca3af !important; }
.dygp-input:focus { border-color: #22c55e !important; background: #ffffff !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   23. UNIVERSAL SAFETY NET — Catch ANY remaining white-on-white text
   These broad selectors catch elements we may have missed above.
   Lower specificity than named selectors, but !important still wins.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Any element inside .blog-wrap, .post-wrap, .news-feed-wrap etc. that
   still has white/near-white text — force dark */
.blog-wrap,
.post-wrap,
.post-body,
.news-feed-wrap,
.resource-wrap,
.la-wrap,
.why-wrap,
.tools-wrap,
.updates-wrap,
.ss-wrap,
.widget-wrap,
.wd-wrap,
.terms-wrap,
.report-wrap {
    color: #374151 !important;
}

/* Ensure links in content areas are visible */
.blog-wrap a:not([class]),
.post-wrap a:not([class]),
.news-feed-wrap a:not([class]) {
    color: #16a34a !important;
}

/* RS meta row — visible on light */
.rs-meta-row {
    background: #f9fafb !important;
}

/* Deadline warning — keep red tones */
.deadline-warning {
    background: rgba(239,68,68,0.06) !important;
    border-color: rgba(239,68,68,0.2) !important;
    color: #dc2626 !important;
}

/* News deadline chip */
.news-deadline-chip {
    background: rgba(252,210,20,0.12) !important;
    color: #92400e !important;
}
.news-deadline-chip.urgent {
    background: rgba(239,68,68,0.1) !important;
    color: #dc2626 !important;
}

/* Subscriber count wrap in email gates */
.email-gate-sub-count,
.subscriber-count-wrap {
    color: #4b5563 !important;
}

/* NEW badge stays green with white text (on green bg) */
.news-badge-new {
    color: #ffffff !important;
    background: #22c55e !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MOBILE HEADER — DEFINITIVE white text on dark green (#0d3520) background
   This is the LAST-LOADED stylesheet. These rules are the final word.
   Fixes: styles.min.css async preload can break cascade ordering.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 900px) {
    .nav-logo,
    .nav-logo:visited,
    .nav-logo:link,
    a.nav-logo,
    a.nav-logo:visited,
    a.nav-logo:link {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    .nav-logo:hover,
    a.nav-logo:hover {
        color: #86efac !important;
        -webkit-text-fill-color: #86efac !important;
    }
    .nav-logo-text,
    .nav-logo .nav-logo-text,
    a.nav-logo .nav-logo-text {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    .nav-logo-tagline,
    .nav-logo .nav-logo-tagline,
    .nav-logo-text .nav-logo-tagline,
    a.nav-logo .nav-logo-tagline {
        color: rgba(134, 239, 172, 0.75) !important;
        -webkit-text-fill-color: rgba(134, 239, 172, 0.75) !important;
    }
    .radar-icon {
        border-color: #4ade80 !important;
    }
}


/* Highlight box in blog posts */
.post-content .highlight-box {
    background: rgba(34,197,94,0.06) !important;
    border-color: rgba(34,197,94,0.2) !important;
    color: #374151 !important;
}

/* ── PERMANENT FIX: Mobile logo white on dark green nav (Task #752951) ───────
   styles.css loads async via onload media-swap which can resolve AFTER the
   inline critical CSS, overriding the mobile white rule with its desktop-only
   #0f172a override (no media query). This rule in readability-fix.css (last
   <link> in DOM order) wins regardless of async load order.
   ─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .nav-logo,
    a.nav-logo,
    .nav-logo:visited {
        color: #ffffff !important;
    }
    .nav-logo:hover {
        color: #86efac !important;
    }
    .nav-logo-text {
        color: #ffffff !important;
    }
    .nav-logo-tagline {
        color: rgba(134, 239, 172, 0.75) !important;
    }
}

/* ── Mega menu readability (Task #752951) ─────────────────────────────────────
   Ensure all For Business dropdown text is dark and WCAG AA compliant
   on the white mega panel background.
   ─────────────────────────────────────────────────────────────────────────── */
.mega-panel {
    background: #ffffff !important;
}
.mega-col-header {
    color: #374151 !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}
.mega-link {
    color: #111827 !important;
}
.mega-link:hover {
    color: #166534 !important;
    background: rgba(22,163,74,0.06) !important;
}
.mega-link--highlight {
    color: #111827 !important;
    background: rgba(22,163,74,0.05) !important;
}
.mega-link--highlight:hover {
    color: #166534 !important;
    background: rgba(22,163,74,0.1) !important;
}
.mega-link--urgent {
    color: #dc2626 !important;
}
.mega-link--more {
    color: #6b7280 !important;
}
/* Price text: green but WCAG AA (contrast ratio 4.5:1 on white = #16a34a minimum) */
.mega-price {
    color: #16a34a !important;
    font-weight: 600 !important;
}
/* Badge on mega links (e.g. FREE badge) */
.mega-badge {
    color: #166534 !important;
    background: rgba(22,163,74,0.12) !important;
}
.mega-panel-footer {
    border-top: 1px solid #e5e7eb !important;
    background: #f9fafb !important;
}
.mega-footer-link {
    color: #374151 !important;
}
.mega-footer-link:hover {
    color: #16a34a !important;
}