/* ============================================ TEST: lichte hero (witte achtergrond, leesbare tekst) Volledig omkeerbaar: verwijder class="hero-light-test" op (of deze ) om terug te keren naar de originele donkere hero. ============================================ */ /* Witte, rustige achtergrond: gradient, glow, patroon en noise weg */ body.hero-light-test .hero { background: #ffffff; } body.hero-light-test .hero-bg { background: none; } body.hero-light-test .hero-bg-pattern { display: none; } body.hero-light-test .hero::after { display: none; } /* Navbar leesbaar houden boven witte hero (wit logo + witte links): toon meteen de donkere balk i.p.v. transparant */ body.hero-light-test .navbar { background: rgba(10, 20, 55, 0.97); backdrop-filter: blur(12px); box-shadow: 0 2px 20px rgba(0,0,0,0.15); } /* Koptekst donker en leesbaar (geel -> blauw, want geel op wit is onleesbaar) */ body.hero-light-test .hero h1 { color: var(--navy); } body.hero-light-test .hero h1 span { color: var(--blue); } body.hero-light-test .hero .lead { color: var(--text-secondary); } /* Byline: donkere tekst + logo donker maken (het is een wit logo) */ body.hero-light-test .hero-byline { color: var(--text-muted); } body.hero-light-test .hero-byline-sep { color: var(--gray-400); } body.hero-light-test .hero-byline img { filter: brightness(0); opacity: 0.72; } /* Badge */ body.hero-light-test .hero-badge { background: rgba(0,145,224,0.08); border-color: rgba(0,145,224,0.28); color: var(--blue); } /* Vertrouwensrij */ body.hero-light-test .hero-trust { border-top-color: var(--gray-200); } body.hero-light-test .hero-trust-item { color: var(--text-secondary); } body.hero-light-test .hero-trust-item svg { color: var(--blue); } /* Getuigenis-kaart rechts: licht met rand i.p.v. glas-op-donker */ body.hero-light-test .hero-card, body.hero-light-test .hero-card.hero-card-clean { background: #ffffff; border: 1px solid var(--gray-200); box-shadow: var(--shadow-md); backdrop-filter: none; } body.hero-light-test .hero-testimonial-mini { background: var(--cream); } body.hero-light-test .hero-testimonial-mini p { color: var(--text-primary); } body.hero-light-test .hero-testimonial-author { color: var(--text-muted); } /* ---- TEST: gele CTA's -> lichtblauw (navy tekst voor leesbaarheid ~7,5:1) ---- */ body.hero-light-test .btn-primary { background: #5CBEFF; color: var(--navy); border-color: #5CBEFF; box-shadow: 0 4px 16px rgba(92,190,255,0.40); } body.hero-light-test .btn-primary:hover, body.hero-light-test .btn-primary:focus-visible { background: var(--blue-light); border-color: var(--blue-light); color: var(--navy); box-shadow: 0 8px 28px rgba(51,174,255,0.45); transform: translateY(-2px); } /* Cookie-akkoordknop (inline geel) mee omzetten naar lichtblauw */ body.hero-light-test #cookie-accept { background: #5CBEFF !important; border-color: #5CBEFF !important; }