/* ==========================================================================
   Cookiebanner (Complianz) in de huisstijl

   Nagekeken op een telefoon van 375 px breed. Wat er in de broncode van
   de banner staat als {title} en {vendor_count} is in orde: dat zijn
   sjabloonstukjes van Complianz voor een privacy- en leverancierslink
   die hier verborgen zijn. Ze worden pas ingevuld als die opties aan
   gaan, en zijn nooit zichtbaar.

   Wat wél scheef stond:
   - de knoppen stonden in Arial, de tekst erboven in PT Sans;
   - "Weiger" had donkere letters, "Accepteren" witte, op hetzelfde
     oranje. Beide knoppen horen even zichtbaar te zijn: weigeren moet
     even makkelijk zijn als aanvaarden;
   - de link naar het cookiebeleid en de schuifjes in de voorkeuren
     waren standaardblauw.

   Complianz zet zijn kleuren als variabelen op :root. Hier zetten we ze
   op de banner zelf; dat wint, ongeacht welk bestand eerst laadt. Wil
   je de kleuren later toch in Complianz aanpassen, haal dan de regels
   hieronder weg, anders blijven deze gelden.
   ========================================================================== */

.cmplz-cookiebanner,
#cmplz-manage-consent {
	--cmplz_button_accept_text_color: #FFFFFF;
	--cmplz_button_deny_text_color: #FFFFFF;
	--cmplz_hyperlink_color: var(--bc-oranje-tekst);
	--cmplz_slider_active_color: var(--bc-oranje);
}

/* Knoppen nemen het lettertype niet vanzelf over van de pagina. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn,
#cmplz-manage-consent .cmplz-btn {
	font-family: var(--bc-font);
	font-weight: 700;
	letter-spacing: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link {
	text-decoration: underline;
	text-underline-offset: 2px;
}