/* ============================================================
   HOMEPAGE CARDS FIX — forceert correcte kleuren op alle secties
   Dit bestand laadt als LAATSTE — overschrijft universal-white-text-fix.css
   ook als die via Cloudflare CDN gecached wordt met dark theme
   ============================================================ */

/* Fix horizontale overflow door logo-carousel lc-track */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
.lc-wrap {
    overflow: hidden !important;
}

/* ============================================================
   LICHTE SECTIES — donkere tekst op witte achtergrond
   ============================================================ */

/* Service cards — licht gradient */
.services-section,
body .services-section {
    background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
}

.service-card,
body .service-card,
.services-section .service-card {
    background: #ffffff !important;
    color: #1a202c !important;
    border: 1px solid #e2e8f0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.service-card h3,
.services-section .service-card h3 {
    color: #1a202c !important;
}
.service-card:hover h3 {
    color: #1a73e8 !important;
}

.service-card p,
.services-section .service-card p {
    color: #4b5563 !important;
}

/* Cases sectie */
.cases-section {
    background: #ffffff !important;
}

.case-card {
    background: #ffffff !important;
}

.case-body h3 {
    color: #1a202c !important;
}
.case-card:hover .case-body h3 {
    color: #1a73e8 !important;
}

.case-body p {
    color: #4b5563 !important;
}

/* About sectie */
.about-section {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

.about-card {
    background: #ffffff !important;
}

/* Portals sectie */
.portals-section {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

.portal-card {
    background: #ffffff !important;
    color: #1a202c !important;
}

.portal-info strong {
    color: #1a202c !important;
}
.portal-card:hover .portal-info strong {
    color: #1a73e8 !important;
}

.portal-info span {
    color: #4b5563 !important;
}

/* How section */
.how-section {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

/* Cases section */
.cases-section {
    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%) !important;
}

/* Portals section */
.portals-section {
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

.step h3 {
    color: #1a202c !important;
}
.step:hover h3 {
    color: #1a73e8 !important;
}

.step p {
    color: #4b5563 !important;
}

/* Section titles op lichte achtergrond */
.services-section .section-title,
.how-section .section-title,
.cases-section .section-title,
.portals-section .section-title,
.about-section .section-title,
.lead-section .section-title {
    color: #1a202c !important;
}

.services-section .section-sub,
.how-section .section-sub,
.cases-section .section-sub,
.portals-section .section-sub,
.about-section .section-sub,
.lead-section .section-sub {
    color: #4b5563 !important;
}

/* ============================================================
   DONKERE SECTIES — WIT TEKST FIX
   universal-white-text-fix.css zet .container { color: #333 !important }
   Dit overschrijft wit-op-donker tekst. Hier herstellen we dat.
   ============================================================ */

/* Trust bar — donkere achtergrond, witte tekst */
.trust-bar,
.trust-bar .container,
.trust-bar .trust-inner,
.trust-item {
    color: #ffffff !important;
}
.trust-item:nth-child(1) i { color: #22c55e !important; }
.trust-item:nth-child(2) i { color: #fbbf24 !important; }
.trust-item:nth-child(3) i { color: #38bdf8 !important; }
.trust-item:nth-child(4) i { color: #a78bfa !important; }
.trust-item:nth-child(5) i { color: #f97316 !important; }

/* Stats sectie — blauwe achtergrond, witte tekst */
.stats-section,
.stats-section .container,
.stats-section .stats-grid,
.stat-item,
.stat-item strong,
.stat-item span {
    color: #ffffff !important;
}

/* AI Tools sectie — donkere achtergrond, witte tekst */
.ai-tools-section,
.ai-tools-section .container {
    color: #ffffff !important;
}
.ai-tools-section .section-title {
    color: #ffffff !important;
}
.ai-tools-section .section-sub {
    color: #cbd5e1 !important;
}
.ai-tools-section .section-label {
    color: #00c8ff !important;
}
.tool-card {
    color: #ffffff !important;
}
.tool-card h4 {
    color: #ffffff !important;
}
.tool-card:hover h4 {
    color: #00c8ff !important;
}
.tool-card p {
    color: #94a3b8 !important;
}
.tool-card i {
    color: #00c8ff !important;
}