/* ============================================================
   SettlementRadar — Premium Redesign (Task #1248838)
   Fortune 500 authority feel. Apple/Stripe-tier typography.

   COLOR PALETTE (strict):
   - White: #ffffff, #f5f5f7, #fafafa
   - Blue:  #2563eb (primary accent, CTAs, links)
   - Grey:  #6e6e73 (subtext), #e5e5e7 (borders), #f5f5f7 (alt bg)
   - Black: #1d1d1f (headlines, body)
   NO green, orange, yellow, navy, gradients, or other colors.

   Loaded AFTER all other stylesheets. Overrides everything.
   ============================================================ */

/* ── Global Typography Reset ──────────────────────────────────── */
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1d1d1f;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;
  color: #1d1d1f;
}

h1 {
  font-size: 56px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
}

h2 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}

p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}

a {
  color: #2563eb;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

small, .text-meta {
  font-size: 14px;
  font-weight: 400;
  color: #6e6e73;
}


/* ══════════════════════════════════════════════════════════════
   1. HERO SECTION — Premium Authority
   ══════════════════════════════════════════════════════════════ */

.sr-hero {
  background: #fafafa !important;
  padding: 120px 0 80px !important;
  border: none !important;
}

.sr-hero__inner {
  max-width: 720px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Eyebrow */
.sr-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6e6e73 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}

.sr-hero__eyebrow-dot {
  display: none !important;
}

/* Headline */
.sr-hero__title {
  font-size: 56px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  color: #1d1d1f !important;
  margin: 0 0 16px !important;
  max-width: 100% !important;
}

/* Subheadline */
.sr-hero__sub {
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #6e6e73 !important;
  max-width: 600px !important;
  margin: 0 auto 32px !important;
  line-height: 1.5 !important;
}

/* Live claims counter */
.sr-hero__live-count {
  font-size: 14px !important;
  color: #6e6e73 !important;
  justify-content: center !important;
  margin: 0 0 8px !important;
}

/* Search Bar — The Centerpiece */
.sr-hero__search-form {
  max-width: 560px !important;
  margin: 0 auto 16px !important;
}

.sr-hero__search-wrap {
  height: 56px !important;
  border: 1.5px solid #e5e5e7 !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 6px 0 20px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.sr-hero__search-wrap:focus-within {
  border-color: #2563eb !important;
  box-shadow: 0 2px 12px rgba(37,99,235,0.12) !important;
}

.sr-hero__search-icon {
  color: #2563eb !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 12px !important;
}

.sr-hero__search-input {
  border: none !important;
  background: transparent !important;
  font-size: 18px !important;
  color: #1d1d1f !important;
  flex: 1 !important;
  height: 100% !important;
  outline: none !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.sr-hero__search-input::placeholder {
  color: #aeaeb2 !important;
  font-size: 18px !important;
}

.sr-hero__search-btn {
  background: #2563eb !important;
  color: #fff !important;
  border: none !important;
  border-radius: 22px !important;
  padding: 0 24px !important;
  height: 44px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
  flex-shrink: 0 !important;
  font-family: inherit !important;
}

.sr-hero__search-btn:hover {
  background: #1d4ed8 !important;
}

/* Below search social proof text */
.sr-hero__search-proof {
  font-size: 14px;
  color: #6e6e73;
  text-align: center;
  margin: 12px 0 0;
}

/* Hero CTAs — hide the dual button row, we use search-first */
.sr-hero__cta {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
}

/* Trust line below hero */
.sr-hero__trust-line {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
  font-size: 13px !important;
  color: #6e6e73 !important;
}

.sr-hero__trust-line-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 13px !important;
  color: #6e6e73 !important;
}

.sr-hero__trust-line-item svg {
  stroke: #6e6e73 !important;
  width: 13px !important;
  height: 13px !important;
}

.sr-hero__trust-line-dot {
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: #d2d2d7 !important;
}


/* ══════════════════════════════════════════════════════════════
   2. TRUST BAR / STATS BAR — Horizontal Stats
   ══════════════════════════════════════════════════════════════ */

.sr-stats-bar {
  background: #f5f5f7 !important;
  padding: 60px 0 !important;
  border-top: 1px solid #e5e5e7 !important;
  border-bottom: 1px solid #e5e5e7 !important;
}

.sr-stats-bar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

.sr-stats-bar__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 40px !important;
}

.sr-stats-bar__num {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #2563eb !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

.sr-stats-bar__label {
  font-size: 14px !important;
  color: #6e6e73 !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}

.sr-stats-bar__divider {
  width: 1px !important;
  height: 40px !important;
  background: #e5e5e7 !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* Trust section — simplified */
.sr-trust {
  background: #fff !important;
  padding: 48px 0 !important;
  border-bottom: 1px solid #e5e5e7 !important;
}

.sr-trust__inner {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;
}

.sr-trust__item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.sr-trust__icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #2563eb !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}

.sr-trust__label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 !important;
  text-align: center !important;
}

.sr-trust__sub {
  font-size: 13px !important;
  color: #6e6e73 !important;
  margin: 2px 0 0 !important;
}


/* ══════════════════════════════════════════════════════════════
   3. HOW IT WORKS — Clean Typography, No Icons
   ══════════════════════════════════════════════════════════════ */

#how-it-works {
  background: #fff !important;
  padding: 100px 0 !important;
}

#how-it-works .sr-section__header {
  text-align: center !important;
  margin-bottom: 64px !important;
}

#how-it-works .sr-section__eyebrow {
  display: none !important;
}

#how-it-works .sr-section__title {
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.02em !important;
}

#how-it-works .sr-section__sub {
  font-size: 17px !important;
  color: #6e6e73 !important;
  max-width: 500px !important;
  margin: 12px auto 0 !important;
}

.sr-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 48px !important;
  max-width: 960px !important;
  margin: 0 auto !important;
}

.sr-step {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.sr-step__num {
  font-size: 48px !important;
  font-weight: 700 !important;
  color: #2563eb !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  display: block !important;
  margin-bottom: 16px !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.sr-step__title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 0 8px !important;
}

.sr-step__desc {
  font-size: 16px !important;
  color: #6e6e73 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}


/* ══════════════════════════════════════════════════════════════
   4. FEATURED / TRENDING SETTLEMENTS
   ══════════════════════════════════════════════════════════════ */

#featured-settlements {
  background: #f5f5f7 !important;
  padding: 100px 0 !important;
}

#featured-settlements .sr-section__title {
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
}

#featured-settlements .sr-section__sub {
  font-size: 16px !important;
  color: #6e6e73 !important;
}

/* View all link below the grid */
.sr-view-all-row {
  text-align: center !important;
  margin-top: 48px !important;
}

.sr-view-all-row .sr-btn--secondary {
  color: #2563eb !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
}
.sr-view-all-row .sr-btn--secondary:hover {
  text-decoration: underline !important;
}


/* ══════════════════════════════════════════════════════════════
   5. CATEGORIES GRID
   ══════════════════════════════════════════════════════════════ */

#categories {
  background: #fff !important;
  padding: 100px 0 !important;
}

#categories .sr-section__title {
  font-size: 40px !important;
  font-weight: 600 !important;
}


/* ══════════════════════════════════════════════════════════════
   6. TESTIMONIALS
   ══════════════════════════════════════════════════════════════ */

#testimonials {
  background: #f5f5f7 !important;
  padding: 100px 0 !important;
}

#testimonials .sr-section__title {
  font-size: 40px !important;
  font-weight: 600 !important;
}


/* ══════════════════════════════════════════════════════════════
   7. BOTTOM CTA — Before Footer
   ══════════════════════════════════════════════════════════════ */

.sr-final-cta {
  background: #fff !important;
  padding: 120px 0 !important;
  text-align: center !important;
  border-top: 1px solid #e5e5e7 !important;
}

.sr-final-cta__title {
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 16px !important;
}

.sr-final-cta__body {
  font-size: 18px !important;
  color: #6e6e73 !important;
  margin: 0 auto 32px !important;
  text-align: center !important;
}

.sr-final-cta .sr-btn--primary,
.sr-final-cta .sr-btn--xl {
  background: #2563eb !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  height: 56px !important;
  min-width: 280px !important;
  border-radius: 28px !important;
  padding: 0 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  text-decoration: none !important;
  transition: background 0.15s ease !important;
}

.sr-final-cta .sr-btn--primary:hover,
.sr-final-cta .sr-btn--xl:hover {
  background: #1d4ed8 !important;
  text-decoration: none !important;
}

.sr-final-cta__note {
  font-size: 14px !important;
  color: #6e6e73 !important;
  margin-top: 16px !important;
}

.sr-final-cta__note a {
  color: #2563eb !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.sr-final-cta__note a:hover {
  text-decoration: underline !important;
}

/* Secondary login link */
.sr-final-cta__login-link {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}
.sr-final-cta__login-link:hover {
  text-decoration: underline;
}


/* ══════════════════════════════════════════════════════════════
   8. SECTION DEFAULTS — Premium Overrides
   ══════════════════════════════════════════════════════════════ */

.sr-section__eyebrow {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #2563eb !important;
}

.sr-section__title {
  font-size: 40px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #1d1d1f !important;
}

.sr-section__sub {
  font-size: 16px !important;
  color: #6e6e73 !important;
  line-height: 1.6 !important;
}

/* Section padding defaults */
.sr-section {
  padding: 100px 0 !important;
}
.sr-section--alt {
  padding: 100px 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE — 375px
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Hero */
  .sr-hero {
    padding: 80px 0 48px !important;
  }

  .sr-hero__title {
    font-size: 36px !important;
    letter-spacing: -0.02em !important;
  }

  .sr-hero__sub {
    font-size: 17px !important;
    margin-bottom: 24px !important;
  }

  .sr-hero__search-wrap {
    height: 52px !important;
  }

  .sr-hero__search-input {
    font-size: 16px !important;
  }

  .sr-hero__search-input::placeholder {
    font-size: 16px !important;
  }

  .sr-hero__search-btn {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  .sr-hero__cta {
    flex-direction: column !important;
    align-items: center !important;
  }

  .sr-hero__cta .sr-btn {
    width: 100% !important;
    max-width: 320px !important;
    justify-content: center !important;
  }

  /* Stats bar: 2x2 grid */
  .sr-stats-bar {
    padding: 40px 0 !important;
  }

  .sr-stats-bar__inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }

  .sr-stats-bar__item {
    padding: 0 !important;
  }

  .sr-stats-bar__num {
    font-size: 24px !important;
  }

  .sr-stats-bar__label {
    font-size: 13px !important;
  }

  .sr-stats-bar__divider {
    display: none !important;
  }

  /* Trust: 1 column */
  .sr-trust__inner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* How It Works */
  #how-it-works {
    padding: 64px 0 !important;
  }

  #how-it-works .sr-section__title {
    font-size: 32px !important;
  }

  .sr-steps {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .sr-step__num {
    font-size: 40px !important;
  }

  .sr-step__title {
    font-size: 20px !important;
  }

  /* Featured Settlements */
  #featured-settlements {
    padding: 64px 0 !important;
  }

  #featured-settlements .sr-section__title {
    font-size: 32px !important;
  }

  /* Categories */
  #categories {
    padding: 64px 0 !important;
  }

  #categories .sr-section__title {
    font-size: 32px !important;
  }

  /* Testimonials */
  #testimonials {
    padding: 64px 0 !important;
  }

  #testimonials .sr-section__title {
    font-size: 32px !important;
  }

  /* Bottom CTA */
  .sr-final-cta {
    padding: 80px 0 !important;
  }

  .sr-final-cta__title {
    font-size: 32px !important;
  }

  .sr-final-cta__body {
    font-size: 16px !important;
  }

  .sr-final-cta .sr-btn--primary,
  .sr-final-cta .sr-btn--xl {
    min-width: 240px !important;
    font-size: 16px !important;
    height: 52px !important;
  }

  /* General section padding */
  .sr-section,
  .sr-section--alt {
    padding: 64px 0 !important;
  }

  .sr-section__title {
    font-size: 32px !important;
  }

  h1 {
    font-size: 36px !important;
  }

  h2 {
    font-size: 32px !important;
  }
}

/* Touch targets for mobile */
@media (max-width: 768px) {
  .sr-hero__search-btn,
  .sr-btn,
  .sr-filter-tab,
  button {
    min-height: 44px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   9. CLOSING THIS WEEK — Muted urgency (no red/orange/yellow)
   ══════════════════════════════════════════════════════════════ */

.sr-ctw-section {
  background: #f5f5f7 !important;
  border-top: 1px solid #e5e5e7 !important;
}

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

.sr-ctw-card,
.ctw-card--critical,
.ctw-card--urgent,
.ctw-card--warning {
  border-color: #e5e5e7 !important;
}

.sr-ctw-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

.ctw-urgency-bar {
  background: #f5f5f7 !important;
  border-color: #e5e5e7 !important;
}
.ctw-card--urgent .ctw-urgency-bar,
.ctw-card--warning .ctw-urgency-bar {
  background: #f5f5f7 !important;
  border-color: #e5e5e7 !important;
}

.ctw-badge,
.ctw-card--urgent .ctw-badge,
.ctw-card--warning .ctw-badge {
  color: #2563eb !important;
}

.sr-btn--ctw-all {
  background: #2563eb !important;
  border-color: #2563eb !important;
  border-radius: 28px !important;
  color: #fff !important;
}
.sr-btn--ctw-all:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

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

.ctw-countdown {
  background: #f5f5f7 !important;
  border-color: #e5e5e7 !important;
}

.ctw-footer {
  background: #fafafa !important;
  border-color: #e5e5e7 !important;
}


/* ══════════════════════════════════════════════════════════════
   10. PRICING / WHY PRO — Color enforcement
   ══════════════════════════════════════════════════════════════ */

#pricing .sr-section__eyebrow,
#why-pro .sr-section__eyebrow {
  color: #2563eb !important;
}

/* Green checkmarks in pricing → blue */
.sr-plan-compare__list svg[stroke="#059669"] {
  stroke: #2563eb !important;
}


/* ══════════════════════════════════════════════════════════════
   11. TESTIMONIALS — Review badge fix
   ══════════════════════════════════════════════════════════════ */

#testimonials .sr-section__header [style*="background:#fef3c7"],
#testimonials .sr-section__header [style*="background: #fef3c7"] {
  background: #eef3fd !important;
  border-color: #c3d6f5 !important;
}

#testimonials [style*="color:#d97706"],
#testimonials [style*="color: #d97706"],
#testimonials [style*="color:#92400e"],
#testimonials [style*="color: #92400e"],
#testimonials [style*="color:#b45309"] {
  color: #2563eb !important;
}


/* ══════════════════════════════════════════════════════════════
   12. PREVENT HORIZONTAL OVERFLOW
   ══════════════════════════════════════════════════════════════ */

html, body {
  overflow-x: hidden;
}
img, video, iframe {
  max-width: 100%;
  height: auto;
}
.sr-container {
  overflow-x: hidden;
}