/* ==========================================================================
   Groen-wit: op groen (#269DAD) altijd witte tekst (#e6ebff),
   en het mobiele menu in groen.

   Terugzetten: haal op elke pagina deze regel weg (direct onder style.css):
     <link rel="stylesheet" href="assets/css/groen-wit.css">
   of maak dit bestand leeg. Verder hoeft er niets te veranderen.
   ========================================================================== */

/* ---------- Mobiel menu: groene achtergrond, witte tekst ----------
   De pagina waar je bent en hover worden donker, zodat die opvallen. */
.mobile-menu { background: var(--green); color: var(--white); }
.mobile-menu__list a small { color: rgba(230, 235, 255, .75); }
.mobile-menu__list a:hover,
.mobile-menu__list a[aria-current="page"] { color: var(--ink); }
.mobile-menu__sub a { box-shadow: inset 0 0 0 1px rgba(230, 235, 255, .5); }
.mobile-menu__sub a:hover { box-shadow: inset 0 0 0 1px var(--white); }
.mobile-menu__foot p { color: var(--white); }
.mobile-menu .btn--ghost-light { box-shadow: inset 0 0 0 1.5px rgba(230, 235, 255, .6); }
.mobile-menu .btn--green { --btn-bg: var(--white); --btn-fg: var(--ink); }
.mobile-menu .btn--green:hover { --btn-bg: #fff; }

/* ---------- Witte tekst op alle groene vlakken ---------- */
.btn--green { --btn-fg: var(--white); }

.feature--green,
.feature--green p { color: var(--white); }
.feature--green .feature__icon { background: rgba(230, 235, 255, .18); color: var(--white); }

.stat { background: rgba(230, 235, 255, .14); }
.stats--green .stat { color: var(--white); }

.book { color: var(--white); }
.book__copy .lead { color: var(--white); }
.book .eyebrow { color: var(--white); }
.book .eyebrow::before { background: var(--white); }
.book .btn--ghost { --btn-fg: var(--white); box-shadow: inset 0 0 0 1.5px rgba(230, 235, 255, .6); }
.book .btn--ghost:hover { --btn-bg: rgba(230, 235, 255, .12); box-shadow: inset 0 0 0 1.5px var(--white); }

.aside-card--green,
.aside-card--green p { color: var(--white); }

.quote:nth-child(3n+2) { color: var(--white); }
.quote:nth-child(3n+2) blockquote::before { color: var(--white); }

.dropdown__feature { color: var(--white) !important; }
.dropdown__feature span { color: rgba(230, 235, 255, .9) !important; }

.hero__badge,
.play__icon,
.form-success__icon { color: var(--white); }

.option--featured,
.option--featured p { color: var(--white); }
.socials a:hover { color: var(--white); }

/* Vinkjes en het open-icoon van de FAQ: wit op groen */
.checklist li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e6ebff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");
}
.faq details[open] summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e6ebff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}