/* ==========================================================================
   cookiebanner.css — Complianz-banner in de huisstijl van Klerks Webdevelopment.
   Alleen geladen als Complianz actief is (inc/enqueue.php).
   ========================================================================== */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
	/* Direct volledig zichtbaar (geen fade): een half doorzichtige banner gaf in PageSpeed een te laag contrast. */
	animation: none !important;
	opacity: 1;
	font-family: var(--font);
	color: var(--ink);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow-lg);
	padding: 22px 24px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-weight: 800; font-size: 1.05rem; color: var(--ink); }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p { font-size: .9rem; line-height: 1.55; color: #4A5466; }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { color: var(--ink); }

/* Knoppen: blauw (accepteren), wit met rand (weigeren/voorkeuren) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-family: var(--font);
	font-weight: 700;
	font-size: .9rem;
	border-radius: var(--radius-pill);
	min-height: 46px;
	transition: background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
/* Donkerder blauw: wit op #1C63C7 haalt het contrast van 4,5:1 (WCAG AA); #277CEA niet. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background: var(--blue-600);
	border: 1px solid var(--blue-600);
	color: #fff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: var(--ink); border-color: var(--ink); }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background: #fff;
	border: 1px solid var(--line);
	color: var(--ink);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover { border-color: var(--ink); }

/* Schakelaars en links */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category { background: var(--soft); border-radius: 12px; }
#cmplz-cookiebanner-container .cmplz-cookiebanner input.cmplz-consent-checkbox:checked + .cmplz-label::before,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active { color: var(--blue); }
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links a,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link { color: var(--blue-600); font-weight: 600; }

/* Knop "Toestemming beheren" (na een keuze) */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: var(--font);
	font-weight: 700;
	background: var(--ink);
	color: #fff;
	border-radius: 12px 12px 0 0;
}

/* Mobiel: compacter en boven de vaste knoppen */
@media (max-width: 760px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner { padding: 18px 16px; border-radius: var(--radius) var(--radius) 0 0; }
	/* Compacte tekst: de banner blijft kleiner dan de hero-kop, zodat die het LCP-element is. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p { font-size: .8rem; line-height: 1.45; }
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 44px; }
}

/* Cookiebeleid-document (shortcode) over de volle breedte, gelijk met de rest van de pagina */
.container--juridisch #cmplz-document,
.container--juridisch .cmplz-document {
	max-width: none;
	width: 100%;
	margin-inline: 0;
	padding-inline: 0;
	font-size: inherit;
}
.container--juridisch #cmplz-document .cmplz-dropdown,
.container--juridisch #cmplz-document .cmplz-manage-consent-container { max-width: none; }