/*
 * Cookiebanner van Complianz in de huisstijl van de site.
 *
 * Complianz stuurt kleuren en vormen via CSS-variabelen op .cmplz-cookiebanner.
 * "body" ervoor zodat deze regels winnen, ongeacht de laadvolgorde.
 */

body .cmplz-cookiebanner {
	/* Accepteren: zwart met witte tekst, zoals de knoppen van het offerteformulier. */
	--cmplz_button_accept_background_color: #000;
	--cmplz_button_accept_border_color: #000;
	--cmplz_button_accept_text_color: #fff;

	/* Weigeren en voorkeuren: neutraal, maar even zichtbaar als accepteren. */
	--cmplz_button_deny_background_color: #fff;
	--cmplz_button_deny_border_color: #000;
	--cmplz_button_deny_text_color: #000;
	--cmplz_button_settings_background_color: #fff;
	--cmplz_button_settings_border_color: #000;
	--cmplz_button_settings_text_color: #000;

	/* Rechte hoeken zoals de rest van de site; links zwart, oranje bij hover. */
	--cmplz_button_border_radius: 0;
	--cmplz_hyperlink_color: #000;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
}

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color: #fd9912;
	border-color: #fd9912;
	color: #000;
}

/*
 * De links onder de knoppen (cookiebeleid, privacyverklaring) staan in een
 * kale <ul> binnen div.cmplz-documents. Het thema zet overal margin en padding
 * op 0, waardoor die lijst opsommingstekens kreeg. Het impressum staat er
 * verborgen tussen (Complianz geeft de link class cmplz-hidden); zonder de
 * :has()-regel bleef daar een los bolletje van over.
 */
body .cmplz-cookiebanner .cmplz-documents ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px 20px;
}

body .cmplz-cookiebanner .cmplz-documents li:has(> .cmplz-hidden),
body .cmplz-cookiebanner .cmplz-documents li:empty {
	display: none;
}

body .cmplz-cookiebanner .cmplz-documents a {
	text-decoration: underline;
}

body .cmplz-cookiebanner .cmplz-documents a:hover {
	color: #fd9912;
}