/* Contrastmodus, laatste laag: laadt na alle andere stylesheets.
   Losse regels per modus, want licht en donker vragen tegengestelde kleuren. */

/* ---------- knoppen, in beide modi gelijk ---------- */
html.a11y-contrast body .btn.primary{background:#FFD873!important;border-color:#FFD873!important}
html.a11y-contrast body .btn.primary,html.a11y-contrast body .btn.primary *{color:#000!important;background-color:transparent}
html.a11y-contrast body .btn.primary{background-color:#FFD873!important}
html.a11y-contrast body .btn.light{background:#fff!important;border-color:#fff!important}
html.a11y-contrast body .btn.light,html.a11y-contrast body .btn.light *{color:#000!important;background-color:transparent}
html.a11y-contrast body .btn.light{background-color:#fff!important}

html.a11y-contrast:not(.dark) body .btn.ghost{background:#fff!important;border:2px solid #151122!important}
html.a11y-contrast:not(.dark) body .btn.ghost,html.a11y-contrast:not(.dark) body .btn.ghost *{color:#151122!important}
html.dark.a11y-contrast body .btn.ghost{background:#000!important;border:2px solid #fff!important}
html.dark.a11y-contrast body .btn.ghost,html.dark.a11y-contrast body .btn.ghost *{color:#fff!important}

/* ---------- kruimelpad op de donkere hero ---------- */
html.a11y-contrast body .crumbs,html.a11y-contrast body .crumbs *,html.a11y-contrast body .crumbs a{color:#FFD873!important}

/* ---------- spamcheck ---------- */
html.a11y-contrast:not(.dark) body .capgetal{background:#fff!important;color:#000!important;border:2px solid #151122!important}
html.dark.a11y-contrast body .capgetal{background:#000!important;color:#fff!important;border:2px solid #fff!important}

/* ---------- browserbalk boven de screenshots ---------- */
html.a11y-contrast:not(.dark) body .bbar{background:#fff!important;border-color:#151122!important}
html.a11y-contrast:not(.dark) body .bbar span{color:#151122!important}
html.dark.a11y-contrast body .bbar{background:#000!important;border-color:#9C93B4!important}
html.dark.a11y-contrast body .bbar span{color:#F2EEFB!important}

/* ---------- lichte modus: tekst op licht, panelen wit ---------- */
html.a11y-contrast:not(.dark) body :is(.mz,.spoor,.tbfeiten .tbf,.wwkaart,.normkaart,.antw,.plan,.faqkaart,.logitem,.dcard,.routebox,.q,.kpgraf){background:#fff!important;background-image:none!important;border:2px solid #4a4458!important}
html.a11y-contrast:not(.dark) body :is(.mz,.spoor,.tbfeiten .tbf,.wwkaart,.normkaart,.antw,.plan,.faqkaart,.logitem,.dcard,.routebox,.q) :is(h2,h3,h4,p,li,dd,span,small,b,em,cite){color:#151122!important}
html.a11y-contrast:not(.dark) body :is(.mz,.spoor,.tbfeiten .tbf,.wwkaart,.normkaart,.antw,.plan,.faqkaart,.logitem,.dcard,.routebox,.q) :is(h2,h3,h4,b,strong,dt,.nm){color:#000!important}
html.a11y-contrast:not(.dark) body :is(.kicker,.eyebrow,.k,.mt,.vglkick,dt,.antwlnk,.lvtxt small){color:#8a0043!important}
html.a11y-contrast:not(.dark) body .ok{color:#0f6b3c!important}
html.a11y-contrast:not(.dark) body .wwnr{color:#cfc8dd!important}

/* ---------- donkere modus: tekst op zwart, panelen zwart ---------- */
html.dark.a11y-contrast body{background:#000!important;color:#fff}
html.dark.a11y-contrast body :is(.mz,.spoor,.tbfeiten .tbf,.wwkaart,.normkaart,.antw,.plan,.faqkaart,.logitem,.dcard,.routebox,.q,.kpgraf,.panel,.aanvraagform,.sdform,.kostenpaneel,.pluitkomst,.factcard,.capcheck,.vglkaart,.spelband,.review){background:#0b0812!important;background-image:none!important;border:2px solid #9C93B4!important}
html.dark.a11y-contrast body main :is(h1,h2,h3,h4,h5,p,li,dd,span,small,em,i,cite,label,legend,summary,figcaption,blockquote,output,td,th,figure){color:#F2EEFB!important}
html.dark.a11y-contrast body main :is(h1,h2,h3,h4,b,strong,.nm){color:#fff!important}
html.dark.a11y-contrast body main :is(.kicker,.eyebrow,.k,.mt,.vglkick,.caplabel,dt,.antwlnk,.lvtxt small){color:#FFB3D4!important}
html.dark.a11y-contrast body main a:not(.btn),html.dark.a11y-contrast body main a:not(.btn) *,html.dark.a11y-contrast body footer a{color:#FFD873!important}
html.dark.a11y-contrast body main .ok{color:#7BE8A8!important}
html.dark.a11y-contrast body .wwnr{color:#4a4458!important}
html.dark.a11y-contrast body .logcta .mt{color:#6B6482!important}
/* knoptekst wint van de brede regel hierboven */
html.dark.a11y-contrast body main .btn.primary *,html.dark.a11y-contrast body main .btn.light *{color:#000!important}
html.dark.a11y-contrast body main .btn.ghost *{color:#fff!important}
html.dark.a11y-contrast body :is(input,textarea,select){background:#000!important;color:#fff!important;border:2px solid #fff!important}
html.dark.a11y-contrast body :is(input,textarea)::placeholder{color:#C9C2DA!important}

/* ---------- extra gewicht: sommige basisregels wonnen nog ---------- */
html[class].dark.a11y-contrast body .routebox .spoor,
html[class].dark.a11y-contrast body .mozaiek .mz,
html[class].dark.a11y-contrast body .tbfeiten .tbf,
html[class].dark.a11y-contrast body .werkwijze .wwkaart,
html[class].dark.a11y-contrast body .pricetable .plan,
html[class].dark.a11y-contrast body .faqgrid .faqkaart,
html[class].dark.a11y-contrast body .loglijst .logitem,
html[class].dark.a11y-contrast body .deck .dcard{background:#0b0812!important;background-image:none!important;border:2px solid #9C93B4!important}
html[class].dark.a11y-contrast body .routebox .spoor :is(h3,p,span,small,b),
html[class].dark.a11y-contrast body .mozaiek .mz :is(h3,p,span,small,b),
html[class].dark.a11y-contrast body .deck .dcard :is(h3,p,span,small,b,dd){color:#F2EEFB!important}
html[class].dark.a11y-contrast body .routebox .spoor h3,
html[class].dark.a11y-contrast body .deck .dcard h3{color:#fff!important}
html[class].dark.a11y-contrast body .routebox .spoor .btn,
html[class].dark.a11y-contrast body .routebox .spoor .btn *{background:#FFD873!important;border-color:#FFD873!important;color:#000!important}
html[class].dark.a11y-contrast body .routebox .spoor .btn *{background:none!important}

html[class].a11y-contrast body a.btn.light,html[class].a11y-contrast body button.btn.light{background:#fff!important;border-color:#fff!important;color:#000!important}
html[class].a11y-contrast body a.btn.light *,html[class].a11y-contrast body button.btn.light *{color:#000!important;background:none!important}
html[class].a11y-contrast body a.btn.primary,html[class].a11y-contrast body button.btn.primary{background:#FFD873!important;border-color:#FFD873!important;color:#000!important}
html[class].a11y-contrast body a.btn.primary *,html[class].a11y-contrast body button.btn.primary *{color:#000!important;background:none!important}
html[class].a11y-contrast:not(.dark) body a.btn.ghost,html[class].a11y-contrast:not(.dark) body button.btn.ghost{background:#fff!important;border:2px solid #151122!important;color:#151122!important}
html[class].a11y-contrast:not(.dark) body a.btn.ghost *,html[class].a11y-contrast:not(.dark) body button.btn.ghost *{color:#151122!important}
html[class].dark.a11y-contrast body a.btn.ghost,html[class].dark.a11y-contrast body button.btn.ghost{background:#000!important;border:2px solid #fff!important;color:#fff!important}
html[class].dark.a11y-contrast body a.btn.ghost *,html[class].dark.a11y-contrast body button.btn.ghost *{color:#fff!important}

/* eyebrow op de donkere hero, plantag, hoverhint, groene vinkjes */
html[class].a11y-contrast body :is(.hero,.pagehero,.scanhero-band) :is(.eyebrow,.kicker),
html[class].a11y-contrast body :is(.hero,.pagehero,.scanhero-band) :is(.eyebrow,.kicker) *{color:#FFD873!important}
html[class].a11y-contrast body .plantag{background:#000!important;color:#fff!important}
html[class].dark.a11y-contrast body .plantag{background:#fff!important;color:#000!important}
html[class].a11y-contrast body .scrollhint{background:#151122!important;color:#fff!important;opacity:1!important}
html[class].a11y-contrast:not(.dark) body .ok{color:#0f6b3c!important}
html[class].a11y-contrast:not(.dark) body .tbfeiten a,html[class].a11y-contrast:not(.dark) body .mz a{color:#8a0043!important}

html[class].a11y-contrast body .scrollhint{background:#151122!important;border-color:#151122!important}
html[class].a11y-contrast body .scrollhint,html[class].a11y-contrast body .scrollhint *{color:#fff!important}
html[class].a11y-contrast:not(.dark) body .plantag{background:#151122!important}
html[class].a11y-contrast:not(.dark) body .plantag,html[class].a11y-contrast:not(.dark) body .plantag *{color:#fff!important}
html[class].dark.a11y-contrast body .plantag{background:#fff!important}
html[class].dark.a11y-contrast body .plantag,html[class].dark.a11y-contrast body .plantag *{color:#000!important}
html[class].a11y-contrast:not(.dark) body .ok{color:#0b5c33!important}
html[class].dark.a11y-contrast body .dcard .bbar span,html[class].dark.a11y-contrast body .shot .bbar span{color:#F2EEFB!important}
html[class].dark.a11y-contrast body .dcard .bbar,html[class].dark.a11y-contrast body .shot .bbar{background:#0b0812!important}

html[class].a11y-contrast:not(.dark) body .pricetable .plan .plantag{background:#151122!important;color:#fff!important}
html[class].dark.a11y-contrast body .pricetable .plan .plantag{background:#fff!important;color:#000!important}

/* kicker op de lichte werkwijzeband */
html[class].a11y-contrast:not(.dark) body .werkwijze .kicker,html[class].a11y-contrast:not(.dark) body .werkwijze .kicker.licht{color:#8a0043!important}
html[class].dark.a11y-contrast body .werkwijze .kicker,html[class].dark.a11y-contrast body .werkwijze .kicker.licht{color:#FFB3D4!important}