/* ═════════════════════════════════════════════════════════════════════════════
   Task #1386726: Homepage Contrast Armor + Footer Bleed Fix
   Date: May 5, 2026

   ROOT CAUSE: contrast-fix-1385782.css uses destructively broad [class*="..."]
   attribute selectors that apply white text + colored backgrounds to homepage
   elements they were never intended for. Examples:
     [class*="trust"]    → catches .trust-bar, .trust-item, .sr-ft-trust-badge
     [class*="deadline"] → catches .hp-feed-row__deadline, .badge-deadline-green
     [class*="trending"] → catches containers, not just badges
     [class*="verified"] → catches footer trust items
     [class*="premium"]  → catches CSS file class references
     [class*="label"]    → catches .section-label
     a:not(...)          → forces ALL links to near-black

   FIX: High-specificity overrides using `html body` prefix, loaded LAST.
   This file MUST be the last stylesheet in layout-head.ejs.

   COVERAGE: All homepage sections + sitewide footer (.sr-ramsey-footer)
═════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   1. UNDO UNIVERSAL LINK COLOR OVERRIDE
   contrast-fix-1385782.css line 35: a:not(...) { color: var(--color-primary) !important }
   This forces ALL links dark. We need links in buttons, cards, etc. to inherit.
═══════════════════════════════════════════════════════════════════════════ */

/* Restore link colors inside buttons — white text on dark bg */
html body a.btn-primary,
html body a.btn-emerald,
html body a.btn-dark,
html body a.btn-lg.btn-primary {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Restore link colors inside secondary/ghost buttons */
html body a.btn-secondary,
html body a.btn-ghost {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}

/* Footer links must not be forced to --color-primary */
html body .sr-ramsey-footer a,
html body .fn-footer a {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .sr-ramsey-footer a:hover,
html body .fn-footer a:hover {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* Homepage card links need dark text (they're on white bg) */
html body .hp-sotd__card,
html body .hp-sotd__card a,
html body .hp-cat-card,
html body .hp-feed-row a {
  color: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. TRUST BAR — Override [class*="trust"] white text + green bg
   These are on WHITE backgrounds — need DARK text.
═══════════════════════════════════════════════════════════════════════════ */

/* Homepage trust bar */
html body .trust-bar,
html body .trust-bar .trust-item {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background-color: transparent !important;
  background: transparent !important;
}
html body .trust-bar .trust-item-icon {
  color: #1F2A37 !important;
}
html body .trust-bar .trust-item-sep {
  color: #D1D5DB !important;
  background: transparent !important;
}

/* Footer trust badges — white bg, dark text */
html body .sr-ft-trust-badges,
html body .sr-ft-trust-badge {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background-color: transparent !important;
  background: transparent !important;
}
html body .sr-ft-trust-badge svg {
  color: #00B37D !important;
}

/* Footer trust strip items */
html body .sr-ft-trust-strip,
html body .sr-ft-trust-item {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background-color: transparent !important;
  background: transparent !important;
}

/* Footer trust strip — inline-styled items (Veteran-Owned, Satisfaction) */
html body .sr-ft-trust-item[style*="color:#1e3a8a"] {
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
}
html body .sr-ft-trust-item[style*="color:#92400e"] {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
}

/* Footer Trustpilot link */
html body a.sr-ft-trust-badge[style*="color:#047857"] {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   3. DEADLINE BADGES — Override [class*="deadline"] red bg + white text
   Deadline badges have varying colors: green (open), yellow (soon), red (urgent)
═══════════════════════════════════════════════════════════════════════════ */

html body .badge-deadline-green,
html body .deadline-badge.open,
html body .deadline-open,
html body .badge.badge-deadline-green {
  color: #065F46 !important;
  -webkit-text-fill-color: #065F46 !important;
  background: #ECFDF5 !important;
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
}

html body .badge-deadline-yellow,
html body .deadline-badge.closing-soon,
html body .deadline-closing,
html body .badge.badge-deadline-yellow {
  color: #92400E !important;
  -webkit-text-fill-color: #92400E !important;
  background: #FEF3C7 !important;
  background-color: #FEF3C7 !important;
  border-color: rgba(217, 119, 6, 0.3) !important;
}

html body .badge-deadline-red,
html body .deadline-badge.urgent,
html body .deadline-urgent,
html body .badge.badge-deadline-red,
html body .badge.badge-error {
  color: #991B1B !important;
  -webkit-text-fill-color: #991B1B !important;
  background: #FEE2E2 !important;
  background-color: #FEE2E2 !important;
  border-color: rgba(220, 38, 38, 0.3) !important;
}

/* Feed row deadline cell — transparent bg */
html body .hp-feed-row__deadline {
  background: transparent !important;
  background-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   4. SECTION LABELS — Override [class*="label"] dark text
   .section-label is emerald/dark text on white bg, not a form label
═══════════════════════════════════════════════════════════════════════════ */

html body .section-label {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  font-weight: 600 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Section headings — always dark on white */
html body .section-heading {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

html body .section-subheading {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   5. HOMEPAGE HERO — Ensure all hero elements visible
═══════════════════════════════════════════════════════════════════════════ */

/* Eyebrow pill */
html body .hp-hero__eyebrow {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background: #F0FDF4 !important;
  border-color: #bbf7d0 !important;
}

/* Main headline */
html body .hp-hero__headline {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

html body .hp-hero__headline em {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
}

/* Subheadline */
html body .hp-hero__sub {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}

/* Social proof text */
html body .hp-hero__proof-text {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}

/* Stars — amber/brown for contrast */
html body .hp-hero__stars {
  color: #B45309 !important;
}
html body .hp-hero__stars svg {
  color: #B45309 !important;
  fill: #B45309 !important;
}

/* Counter */
html body .hp-counter {
  background: #F9FAFB !important;
  border-color: #E5E7EB !important;
}
html body .hp-counter__label {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .hp-counter__value {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* Urgency signal */
html body .hp-urgency {
  background: #FEF3C7 !important;
  color: #92400E !important;
  -webkit-text-fill-color: #92400E !important;
}
html body .hp-urgency--red {
  background: #FEE2E2 !important;
  color: #991B1B !important;
  -webkit-text-fill-color: #991B1B !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   6. SETTLEMENT OF THE DAY CARDS
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-sotd__card,
html body .hp-sotd__card--featured {
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}

html body .hp-sotd__title {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-sotd__card-title {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-sotd__company {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .hp-sotd__payout {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* Featured badge — white on green (correct) */
html body .hp-sotd__badge {
  background: #00875A !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Category tag — dark text on light bg */
html body .hp-sotd__category {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background: #F9FAFB !important;
  border-color: #E5E7EB !important;
}

/* "Badge success" variant used for open status */
html body .badge-success,
html body .badge.badge-success {
  color: #065F46 !important;
  -webkit-text-fill-color: #065F46 !important;
  background: #ECFDF5 !important;
  background-color: #ECFDF5 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   7. HOW IT WORKS SECTION
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-step__title {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-step__desc {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .hp-step__num {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body .hp-step__icon {
  color: #00875A !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   8. LIVE SETTLEMENT FEED
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-feed__live {
  color: #059669 !important;
  -webkit-text-fill-color: #059669 !important;
  background: transparent !important;
}

html body .hp-feed-table__head th {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
  background: transparent !important;
}

html body .hp-feed-row td {
  color: #1F2A37 !important;
  background: transparent !important;
}

html body .hp-feed-row__company {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

html body .hp-feed-row__cat {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background: #F9FAFB !important;
  border-color: #E5E7EB !important;
}

html body .hp-feed-row__payout {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* "New" badge — white on green */
html body .hp-feed-row__new {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: #00875A !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   9. CATEGORY GRID
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-cat-card {
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}
html body .hp-cat-card__name {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-cat-card__count {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .hp-cat-card__icon {
  color: #00875A !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   10. TESTIMONIALS
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-testimonial-card {
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}
html body .hp-testimonial-card__quote {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}
html body .hp-testimonial-card__name {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-testimonial-card__location {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   11. STATS SECTION
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-stat__value {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-stat__value .accent {
  color: #00875A !important;
  -webkit-text-fill-color: #00875A !important;
}
html body .hp-stat__label {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   12. PAYOUT CARDS / SOCIAL PROOF
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-payout-card {
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}
html body .hp-payout-card__name {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}
html body .hp-payout-card__settlement {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}
html body .hp-payout-card__amount {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}
html body .hp-payout-card__label {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   13. PRICING SECTION (if displayed on homepage)
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-pricing-card {
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}
html body .hp-pricing-card__name {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-pricing-card__amount {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-pricing-card__features li {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   14. EMAIL CAPTURE SECTION
═══════════════════════════════════════════════════════════════════════════ */

html body .hp-email-capture__headline {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .hp-email-capture__sub {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   15. TRENDING / SOCIAL PROOF BADGES — Keep these white-on-red as intended
═══════════════════════════════════════════════════════════════════════════ */

/* Trending badges (actual badges, not containers) */
html body .sr2-trending-badge,
html body .badge-trending,
html body [class*="trending-badge"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: #DC2626 !important;
}

/* Most Popular badge */
html body .sr2-mostpopular-badge {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Today views counter */
html body .sr2-today-views {
  color: #6B7280 !important;
  -webkit-text-fill-color: #6B7280 !important;
  background: transparent !important;
}

/* No-proof badges — white on green (correct) */
html body .badge-no-proof,
html body .no-proof-badge {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background-color: #059669 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   16. FOOTER — Override [class*="trust"] and [class*="verified"]
   The footer is on a WHITE background — all text must be DARK.
═══════════════════════════════════════════════════════════════════════════ */

/* Footer container — force white bg, dark text */
html body footer.sr-ramsey-footer,
html body .sr-ramsey-footer {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}

/* Footer column headers */
html body .sr-ft-col-header {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
  background: transparent !important;
}

/* Footer column links */
html body .sr-ft-col-links a {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}
html body .sr-ft-col-links a:hover {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* Footer about brand text */
html body .sr-ft-about-brand {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}
html body .sr-ft-about-brand a {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}

/* Footer email capture */
html body .sr-ft-email-capture {
  background: #F9FAFB !important;
}
html body .sr-ft-email-headline {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}
html body .sr-ft-email-sub {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
}
html body .sr-ft-email-btn {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: #00B37D !important;
}

/* Footer brand name */
html body .sr-ft-brand-name {
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
  background: transparent !important;
}

/* Footer bottom text */
html body .sr-ft-copy,
html body .sr-ft-address,
html body .sr-ft-terms-links,
html body .sr-ft-bottom-bar {
  color: #4B5563 !important;
  -webkit-text-fill-color: #4B5563 !important;
  background: transparent !important;
}

/* Footer SEO links */
html body .sr-ft-seo-links,
html body .sr-ft-seo-links a,
html body .sr-ft-seo-links-label {
  color: #1F2A37 !important;
  -webkit-text-fill-color: #1F2A37 !important;
  background: transparent !important;
}

/* Footer security compliance banner */
html body .sr-ramsey-footer [style*="background:#f0f9ff"],
html body .sr-ramsey-footer [style*="background: #f0f9ff"] {
  color: #1e3a8a !important;
  -webkit-text-fill-color: #1e3a8a !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   17. FOOTER BLEED FIX — Proper containment
═══════════════════════════════════════════════════════════════════════════ */

/* Ensure footer creates stacking context and clips overflow */
html body footer.sr-ramsey-footer {
  position: relative !important;
  z-index: 2 !important;
  overflow: hidden !important;
  contain: layout style paint !important;
}

/* Footer inner container — strict max-width */
html body .sr-ft-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 clamp(1rem, 4vw, 2rem) !important;
  overflow: hidden !important;
}

/* Footer columns — contain within grid */
html body .sr-ft-columns {
  overflow: hidden !important;
  max-width: 100% !important;
}

/* Individual footer column — prevent overflow */
html body .sr-ft-col {
  min-width: 0 !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* Footer column links — truncate long text */
html body .sr-ft-col-links a {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* 7-column grid: ensure columns fit at 1024px+ */
@media (min-width: 1024px) {
  html body .sr-ft-columns {
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 24px 16px !important;
  }
}

/* Tablet: 3 columns */
@media (min-width: 640px) and (max-width: 1023px) {
  html body .sr-ft-columns {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px 16px !important;
  }
}

/* Mobile: single column */
@media (max-width: 639px) {
  html body .sr-ft-columns {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

/* Share strip — white bg, contained */
html body .sr-sitewide-share-strip {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  color: #1F2A37 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   18. UNDO UNIVERSAL TRANSITIONS
   contrast-fix-1385782.css line 549: * { transition: color 0.2s... }
   This causes performance issues on EVERY element. Remove for homepage.
═══════════════════════════════════════════════════════════════════════════ */

html body .sr-page *,
html body footer.sr-ramsey-footer * {
  transition: none !important;
}

/* Re-enable transitions only on interactive elements */
html body .sr-page a,
html body .sr-page button,
html body .sr-page .btn,
html body .sr-page input,
html body .sr-page .hp-cat-card,
html body .sr-page .hp-sotd__card,
html body .sr-page .hp-feed-row,
html body footer.sr-ramsey-footer a {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   19. UNDO UNIVERSAL FOCUS OUTLINE
   contrast-fix-1385782.css lines 434-438: *:focus, *:focus-visible
   This adds outlines to EVERYTHING including non-interactive elements.
═══════════════════════════════════════════════════════════════════════════ */

/* Remove outline from non-interactive elements */
html body .sr-page *:focus:not(a):not(button):not(input):not(select):not(textarea):not([tabindex]):not([role="button"]) {
  outline: none !important;
}

/* Keep proper focus styles on interactive elements */
html body .sr-page a:focus-visible,
html body .sr-page button:focus-visible,
html body .sr-page input:focus-visible,
html body .sr-page select:focus-visible,
html body .sr-page textarea:focus-visible,
html body .sr-page [role="button"]:focus-visible {
  outline: 2px solid #00875A !important;
  outline-offset: 2px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   20. UNDO [class*="error"], [class*="warning"], [class*="alert"]
   These catch badge-error, badge-warning on light backgrounds
═══════════════════════════════════════════════════════════════════════════ */

html body .badge-error,
html body .badge.badge-error {
  color: #991B1B !important;
  -webkit-text-fill-color: #991B1B !important;
  background: #FEE2E2 !important;
  background-color: #FEE2E2 !important;
}

html body .badge-warning,
html body .badge.badge-warning {
  color: #92400E !important;
  -webkit-text-fill-color: #92400E !important;
  background: #FEF3C7 !important;
  background-color: #FEF3C7 !important;
}

html body .badge-info,
html body .badge.badge-info {
  color: #1D4ED8 !important;
  -webkit-text-fill-color: #1D4ED8 !important;
  background: #EFF6FF !important;
  background-color: #EFF6FF !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   21. FOMO TICKER — Override [class*="activity-"] white text
═══════════════════════════════════════════════════════════════════════════ */

html body .fomo-ticker,
html body #fomo-ticker,
html body .fomo-ticker-msg {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
  -webkit-text-fill-color: #0A0A0A !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   22. MOBILE-SPECIFIC FIXES (375px)
═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 640px) {
  /* Hero text must be visible */
  html body .hp-hero__headline {
    font-size: clamp(28px, 8vw, 40px) !important;
    color: #0A0A0A !important;
  }

  /* Trust bar wraps properly */
  html body .trust-bar {
    gap: 8px 12px !important;
    padding: 12px 0 !important;
  }
  html body .trust-item {
    font-size: 0.75rem !important;
    color: #1F2A37 !important;
    background: transparent !important;
  }

  /* Badge text stays readable */
  html body .badge {
    font-size: 0.7rem !important;
  }

  /* Footer mobile accordion headers */
  html body .sr-ramsey-footer summary,
  html body .sr-ft-col-header {
    color: #0A0A0A !important;
    -webkit-text-fill-color: #0A0A0A !important;
    background: transparent !important;
  }
}