/* LEESBAAR-PER-SECTIE-20260914
 *
 * Eerdere contrastreparaties (design-system.css, 16-08 en 10-09) zetten tekstkleuren GLOBAAL met
 * !important, gemeten op lichte secties. Op de blauwe secties stond daardoor tekst in dezelfde
 * kleur als de achtergrond (gemeten met axe-core + eigen meting, 14-09, 12 paginatypen):
 *   - "What does it cost?" #9a4a00 op #1067b2 = 1,07:1
 *   - cijfers Over ons (500+, 15+, 100%, 4.9★) var(--primary) op var(--primary) = 1:1
 *   - sticky "Offerte"-knop mobiel #0b3974 op #1d4ed8 = 1,69:1
 * Deze regels zijn bewust per SECTIE afgebakend, niet globaal — anders herhaalt het probleem zich
 * in omgekeerde richting. Laadt als laatste (na de inline :root-kleuren).
 * Bron = hetverhuizteam.com; verhuis-sites-sync.php kopieert naar deverhuizing.com.
 */

/* ── 1. Tekst op de blauwe secties ─────────────────────────────────────────── */
#calculator .section-pre,
.section-calc .section-pre,
.section-header.light .section-pre            { color:#fed7aa !important; }          /* licht oranje op blauw ≈ 5,6:1 */

.section-stats .stat-number                   { color:#ffffff !important; }
.section-stats .stat-suffix                   { color:#bfdbfe !important; }          /* was var(--secondary) op blauw */
.section-stats .stat-label                    { color:rgba(255,255,255,.88) !important; }

.over-intro-grid .stat-number                 { color:#ffffff !important; }
.over-intro-grid .stat-number + div,
.over-intro-grid [style*="opacity:.8"]        { color:#ffffff !important; opacity:.92 !important; }

.section-sm [style*="opacity:.8"][style*="margin-top:.25rem"] { color:#ffffff !important; opacity:.92 !important; }  /* wagenpark: 4,34 → 6+ */
#tool-volume .dv-vol-sticky .total small, .dv-vol-sticky .total small { color:#ffffff !important; opacity:1 !important; }

/* ── 2. Mobiele sticky-balk ───────────────────────────────────────────────── */
.site-sticky-cta a[href="#offerte"]           { color:#ffffff !important; }

/* ── 3. WhatsApp-kaart op Contact: wit op #25D366 is 1,98:1 ─────────────────── */
.contact-info-col a[href*="wa.me"] .card,
.contact-info-col a[href*="wa.me"],
.contact-info-col [style*="background:#25d366"],
.contact-info-col [style*="background:#25D366"] { background:#15803d !important; }  /* wit op #15803d = 5,0:1 */
.contact-info-col a[href*="wa.me"] *          { color:#ffffff !important; opacity:1 !important; }

/* ── 4. Kleine grijze teksten op lichte vlakken (#94a3b8 ≈ 2,4:1) ───────────── */
.evol, .wz-dot-lbl, #tool-upload small,
p[style*="color:#94a3b8"], span[style*="color:#94a3b8"] { color:#475569 !important; }   /* ook op #f1f5f9 ≥ 4,5:1 */

/* ── 5. Losse oranje/lichte tinten in de pagina's zelf ─────────────────────── */
span[style*="color:#f59e0b"]                  { color:#b45309 !important; }          /* "opt." 2,05 → 5,0 */
div[style*="color:#ff6b35"]                   { color:#c2410c !important; }          /* "Regular movers" 2,83 → 5,2 */
span[style*="background:#f59e0b"][style*="color:#fff"] { background:#b45309 !important; }  /* tijdlijn 2024 */
span[style*="background:#059669"][style*="color:#fff"] { background:#047857 !important; }  /* tijdlijn 2020 */
td[style*="color:#0d9488"]                    { color:#0f766e !important; }
.dienst-badge[style*="color:#0284c7"]         { color:#075985 !important; }
#dv-cc-btn-accept                             { background:#15803d !important; color:#fff !important; }  /* 3,29 → 5,0 */

/* ── 6. Indeling ─────────────────────────────────────────────────────────── */
/* "Waarom kiezen voor ons": de kolom "anderen" is op 10-08 op verzoek van de klant weggehaald,
   maar het raster bleef twee kolommen — één kaart links, leeg vak rechts. */
.waarom-grid                                  { grid-template-columns:minmax(0, 620px) !important; justify-content:center !important; }

/* Interne markering "Stock-foto" hoort niet in beeld bij bezoekers. */
.wagen-todo                                   { display:none !important; }

/* Aanvulling na hermeting 14-09 */
.waarom-col.wij .waarom-col-head i          { color:#ffffff !important; }          /* vinkje blauw op blauwe kop */
th[style*="white-space:nowrap"][style*="background:rgba("] { background-color:#1e5a96 !important; }  /* tabelkop 4,3 → 6,9 */

/* HERO-RUIMTE-BOVEN-20260914 — de homepage-hero had op desktop padding-top 0 en centreerde de inhoud;
   op een laptop (1190×744) stond de badge 60px onder de menubalk en bij minder hoogte vrijwel ertegenaan. */
@media (min-width: 992px) {
  #hero.hero-section { padding-top: clamp(56px, 9vh, 120px) !important; padding-bottom: clamp(48px, 7vh, 96px) !important; }
}