/* ============================================================================
   CONTRAST FIX — Task #1277440
   Nuclear override: kills all ghost elements, white-on-white text, broken contrast.
   Loads LAST in cascade — all rules use !important to override 40+ CSS files.
   ============================================================================ */

/* ── 1. CATEGORY FILTER PILLS ────────────────────────────────────────────── */
/* Inactive: white bg, dark border, dark text — clearly visible */
.sr-page .sr-filter-tab,
.sr-filter-tab {
  background: #ffffff !important;
  color: #374151 !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 28px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

/* Inactive hover: subtle blue tint */
.sr-page .sr-filter-tab:hover,
.sr-filter-tab:hover {
  background: #eff6ff !important;
  color: #2563eb !important;
  border-color: #93c5fd !important;
}

/* Active "All" pill: solid blue bg, white text */
.sr-page .sr-filter-tab--active,
.sr-page .sr-filter-tab.sr-filter-tab--active,
.sr-filter-tab--active,
.sr-filter-tab.sr-filter-tab--active {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25) !important;
}

/* Active hover: darker blue */
.sr-page .sr-filter-tab--active:hover,
.sr-page .sr-filter-tab.sr-filter-tab--active:hover,
.sr-filter-tab--active:hover,
.sr-filter-tab.sr-filter-tab--active:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}

/* ── 2. "BROWSE ALL" BUTTONS ─────────────────────────────────────────────── */
/* Secondary buttons: blue bg, white text — NEVER invisible */
.sr-page .sr-btn.sr-btn--secondary,
.sr-btn.sr-btn--secondary,
a.sr-btn.sr-btn--secondary {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 28px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background 0.15s ease, box-shadow 0.15s ease !important;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.2) !important;
}

.sr-page .sr-btn.sr-btn--secondary:hover,
.sr-btn.sr-btn--secondary:hover,
a.sr-btn.sr-btn--secondary:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

/* View-all link in featured section — ensure visible blue */
.sr-view-all-row a {
  color: #2563eb !important;
  font-weight: 500 !important;
}
.sr-view-all-row a:hover {
  color: #1d4ed8 !important;
  text-decoration: underline !important;
}

/* ── 3. SETTLEMENT CARDS ─────────────────────────────────────────────────── */
/* White bg, visible shadow, dark text — no ghost cards */
.sr-page .sr-settlement-card,
.sr-settlement-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

.sr-page .sr-settlement-card:hover,
.sr-settlement-card:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

/* Card title: dark, readable */
.sr-settlement-card__title {
  color: #1a1a1a !important;
}

/* Card summary: dark grey, readable */
.sr-settlement-card__summary {
  color: #4b5563 !important;
}

/* Card company name: medium grey */
.sr-settlement-card__company-name {
  color: #6b7280 !important;
}

/* Card payout label */
.sr-settlement-card__payout-label {
  color: #6b7280 !important;
}

/* Card payout amount: blue, prominent */
.sr-settlement-card__payout-amount {
  color: #2563eb !important;
  font-weight: 700 !important;
}

/* Card CTA: blue text, always visible */
.sr-settlement-card__cta {
  color: #2563eb !important;
  font-weight: 600 !important;
}

/* Card deadline: red urgency */
.sr-settlement-card__deadline {
  color: #b91c1c !important;
  font-weight: 600 !important;
}

/* Card footer border */
.sr-settlement-card__footer {
  border-top: 1px solid #e5e7eb !important;
}

/* ── 4. BADGES ────────────────────────────────────────────────────────────── */
/* Blue badge: light blue bg, dark blue text — clearly readable */
.sr-badge--blue {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

/* Green badge */
.sr-badge--green {
  background: #ecfdf5 !important;
  color: #059669 !important;
}

/* Red badge */
.sr-badge--red {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

/* ── 5. CATEGORY CARDS (Browse by Category grid) ─────────────────────────── */
.sr-cat-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.sr-cat-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

.sr-cat-card__icon {
  background: #eff6ff !important;
  color: #2563eb !important;
}

.sr-cat-card__name {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.sr-cat-card__count {
  color: #6b7280 !important;
}

.sr-cat-card__arrow {
  color: #9ca3af !important;
}

.sr-cat-card:hover .sr-cat-card__arrow {
  color: #2563eb !important;
}

/* ── 6. CLOSING SOON / DOOM CLOCK CARDS ──────────────────────────────────── */
/* Doom clock card: white bg, red accent, readable */
.dc-card {
  background: linear-gradient(135deg, #fff0f0 0%, #fef2f2 60%, #fff7ed 100%) !important;
  border: 2px solid #fca5a5 !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08) !important;
}

.dc-card-eyebrow {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

.dc-card-title {
  color: #1f2937 !important;
}

.dc-card-payout {
  color: #374151 !important;
}

.dc-card-timer {
  color: #dc2626 !important;
  font-weight: 900 !important;
}

.dc-card-btn {
  background: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
}

.dc-card-btn:hover {
  background: #b91c1c !important;
  color: #ffffff !important;
}

/* Closing This Week cards */
.sr-ctw-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.ctw-urgency-bar {
  background: #fef2f2 !important;
  border-bottom: 1px solid #fecaca !important;
}

.ctw-badge {
  color: #dc2626 !important;
  font-weight: 700 !important;
}

.ctw-date {
  color: #6b7280 !important;
}

.ctw-cat {
  color: #6b7280 !important;
}

.ctw-link {
  color: #1d1d1f !important;
}

.ctw-link:hover {
  color: #2563eb !important;
}

.ctw-payout {
  color: #1d1d1f !important;
}

.ctw-payout strong {
  color: #2563eb !important;
}

.ctw-noproof {
  color: #2563eb !important;
  background: #eff6ff !important;
}

.ctw-countdown {
  background: #f9fafb !important;
  border-top: 1px solid #e5e7eb !important;
}

.ctw-val {
  color: #1d1d1f !important;
  font-weight: 800 !important;
}

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

.ctw-sep {
  color: #9ca3af !important;
}

.ctw-cd-label {
  color: #6b7280 !important;
}

/* ── 7. PRIMARY BUTTONS — Always visible ─────────────────────────────────── */
.sr-btn--primary,
.sr-btn.sr-btn--primary,
a.sr-btn--primary {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
}

.sr-btn--primary:hover,
.sr-btn.sr-btn--primary:hover,
a.sr-btn--primary:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* Closing This Week "File Now" CTA */
.ctw-file-btn {
  background: #2563eb !important;
  color: #ffffff !important;
}

.ctw-file-btn:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-red {
  background: #dc2626 !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-red:hover {
  background: #b91c1c !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-orange {
  background: #ea580c !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-orange:hover {
  background: #c2410c !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-green {
  background: #16a34a !important;
  color: #ffffff !important;
}

.ctw-file-btn.cta-green:hover {
  background: #15803d !important;
  color: #ffffff !important;
}

/* ── 8. SECTION HEADINGS — Always dark, readable ─────────────────────────── */
.sr-section__title {
  color: #1a1a1a !important;
}

.sr-section__sub {
  color: #4b5563 !important;
}

.sr-section__eyebrow {
  color: #2563eb !important;
}

/* ── 9. TESTIMONIAL CARDS ────────────────────────────────────────────────── */
.sr-testi-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.sr-testi-card__text {
  color: #374151 !important;
}

.sr-testi-card__name {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.sr-testi-card__role {
  color: #6b7280 !important;
}

/* ── 10. BLOG CARDS ──────────────────────────────────────────────────────── */
.sr-blog-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.sr-blog-card__title {
  color: #1a1a1a !important;
}

.sr-blog-card__excerpt {
  color: #4b5563 !important;
}

.sr-blog-card__meta {
  color: #6b7280 !important;
}

/* ── 11. COMMUNITY TEASER ────────────────────────────────────────────────── */
.sr-community-teaser__label {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.sr-community-teaser__desc {
  color: #4b5563 !important;
}

/* ── 12. DROP PREVIEW CARDS ──────────────────────────────────────────────── */
.drop-preview-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* ── 13. GLOBAL: No white-on-white anywhere ──────────────────────────────── */
/* Links on white/light backgrounds: always blue */
.sr-page a:not([class]),
.sr-page .sr-container a:not([class]) {
  color: #2563eb !important;
}

/* Inputs: visible borders */
.sr-page input[type="text"],
.sr-page input[type="email"],
.sr-page input[type="search"],
.sr-page input[type="password"],
.sr-page select,
.sr-page textarea {
  border: 1.5px solid #d1d5db !important;
  color: #1d1d1f !important;
  background: #ffffff !important;
}

.sr-page input::placeholder,
.sr-page textarea::placeholder {
  color: #9ca3af !important;
}

/* ── 14. DASHBOARD PILLS ─────────────────────────────────────────────────── */
.srd-pill {
  background: #ffffff !important;
  border: 1px solid #e0ddd8 !important;
  color: #1d1d1f !important;
}

.srd-pill--streak {
  border-color: #ff6b00 !important;
  color: #ff6b00 !important;
  background: #fff8f5 !important;
}

.srd-pill--claims {
  border-color: #1d4ed8 !important;
  color: #1d4ed8 !important;
  background: #eff4ff !important;
}

.srd-pill--total {
  border-color: #059669 !important;
  color: #059669 !important;
  background: #f0fdf6 !important;
}

/* ── 15. "CTW-ALL" BUTTON — Closing This Week view all ───────────────────── */
.sr-btn--ctw-all {
  background: #2563eb !important;
  color: #ffffff !important;
}

.sr-btn--ctw-all:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

/* ── 16. MOBILE RESPONSIVE ───────────────────────────────────────────────── */
@media (max-width: 640px) {
  .sr-filter-tab {
    min-height: 44px !important;
    padding: 8px 16px !important;
    font-size: 0.82rem !important;
  }

  .sr-btn.sr-btn--secondary {
    padding: 10px 20px !important;
    font-size: 0.85rem !important;
    width: auto !important;
  }

  .sr-settlement-card {
    padding: 16px !important;
  }

  .sr-cat-card {
    padding: 16px 18px !important;
  }
}