/*
 * section-contrast.css
 * White-section colour inversions — keeps text/icons readable on #FFFFFF.
 * Navy sections keep existing dark-background styles.
 */

/* ─── WHITE SECTION BASE ────────────────────────────────────────────────── */
.section-white {
  background: #FFFFFF !important;
  color: #050A1E;
}
.section-white h1,
.section-white h2,
.section-white h3,
.section-white h4 {
  color: #050A1E !important;
}
.section-white p,
.section-white li,
.section-white span:not(.section-label):not(.stat-label):not(.stat-number) {
  color: #3A4560 !important;
}
.section-white .section-label {
  color: #2563EB !important;
}
.section-white strong {
  color: #050A1E !important;
}

/* ─── WHITE TRUST STRIP ─────────────────────────────────────────────────── */
.trust-strip-white {
  background: #F4F7FF !important;
  border-top: 1px solid #E0E7FF !important;
  border-bottom: 1px solid #E0E7FF !important;
}
.trust-strip-white .trust-item {
  color: #0D1A3A !important;
}
.trust-strip-white .trust-item i {
  color: #2563EB !important;
}

/* ─── WHITE PROCESS CARDS ───────────────────────────────────────────────── */
.section-white .process-card {
  background: #F8FAFF !important;
  border-color: #E0E7FF !important;
  border-top-color: #3B82F6 !important;
  box-shadow: 0 2px 12px rgba(59,130,246,0.06) !important;
}
.section-white .process-card:hover {
  box-shadow: 0 8px 30px rgba(59,130,246,0.12) !important;
}
.section-white .process-card h3 { color: #050A1E !important; }
.section-white .process-card p  { color: #3A4560 !important; }
.section-white .step-icon {
  background: #EEF4FF !important;
  border-color: #BFDBFE !important;
}

/* ─── WHITE SERVICE CARDS ───────────────────────────────────────────────── */
.section-white .service-card-v3 {
  background: #F8FAFF !important;
  border-color: #E0E7FF !important;
  box-shadow: 0 2px 12px rgba(59,130,246,0.05) !important;
}
.section-white .service-card-v3:hover {
  box-shadow: 0 8px 30px rgba(59,130,246,0.12) !important;
  border-color: #BFDBFE !important;
}
.section-white .service-card-v3 h3 { color: #050A1E !important; }
.section-white .service-card-v3 p  { color: #3A4560 !important; }
.section-white .service-card-v3 a  { color: #2563EB !important; }
.section-white .svc-icon { color: #2563EB !important; }

/* ─── WHITE FOUNDER SECTION ─────────────────────────────────────────────── */
.section-white .founder-portrait {
  background: #F4F7FF !important;
  border-color: #BFDBFE !important;
}
.section-white .founder-quote {
  border-left-color: #3B82F6 !important;
  color: #0D1A3A !important;
}
.section-white .brass-rule {
  background-color: #3B82F6 !important;
}

/* ─── WHITE STATS (inside proof section) ────────────────────────────────── */
.section-white .stats-row .stat-block {
  background: #EEF4FF !important;
  border-color: #BFDBFE !important;
}
.section-white .stats-row .stat-number { color: #2563EB !important; }
.section-white .stats-row .stat-label  { color: #3A4560 !important; }

/* ─── WHITE PORTFOLIO CARD ──────────────────────────────────────────────── */
.section-white [style*="navy-mid"] {
  background: #F4F7FF !important;
}

/* ─── WHITE URGENCY ─────────────────────────────────────────────────────── */
.section-white.section-v3-sm h2 { color: #050A1E !important; }
.section-white.section-v3-sm p  { color: #3A4560 !important; }
.section-white .urgency-badge {
  background: #EEF4FF !important;
  border-color: #BFDBFE !important;
  color: #2563EB !important;
}

/* ─── WHITE SECTION DIVIDER ─────────────────────────────────────────────── */
.section-white .section-divider {
  background: linear-gradient(90deg, transparent, #3B82F6, transparent) !important;
}

/* ─── INLINE LINK COLOURS ON WHITE ─────────────────────────────────────── */
.section-white a[style*="border-bottom"] {
  color: #2563EB !important;
  border-color: rgba(37,99,235,0.3) !important;
}

/* ─── ANNOUNCEMENT BAR — keep blue ─────────────────────────────────────── */
.announcement-bar { background: #2563EB !important; }

/* ─── NAVY SECTION BORDERS (top/bottom) ─────────────────────────────────── */
.section-white + .section-white {
  border-top: 1px solid #E5EBF5;
}

/* ─── CARD SHADOW FIX — remove the dark shadow on light bg ─────────────── */
.section-white .process-card,
.section-white .service-card-v3 {
  box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(59,130,246,0.06) !important;
}

/* ─── RESPONSIVE — keep readable on mobile ──────────────────────────────── */
@media (max-width: 768px) {
  .section-white .process-card,
  .section-white .service-card-v3 {
    border: 1px solid #E0E7FF !important;
  }
}