/* =========================================================================
   Cookiebanner in de huisstijl

   Wordt alleen geladen als er een consent-plugin actief is (zie inc/setup.php).
   De klassenamen hieronder zijn die van Complianz en CookieYes; ze staan naast
   elkaar zodat het werkt met welke van de twee er ook gekozen wordt.

   Let op: dit is geschreven zonder de plugin geïnstalleerd. Loop het na zodra
   de banner er staat — plugins veranderen hun opmaak weleens.
   ========================================================================= */

/* --- de balk zelf ------------------------------------------------------ */

#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cky-consent-container .cky-consent-bar{
	font-family:Barlow,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
	background:var(--ak-wit) !important;
	color:var(--ak-inkt-zacht) !important;
	border:1px solid var(--ak-lijn) !important;
	border-radius:var(--ak-radius) !important;
	box-shadow:0 18px 40px -24px rgba(20,18,15,.35) !important;
	padding:26px 28px !important;
}

.cmplz-cookiebanner .cmplz-title,
.cky-consent-bar .cky-title{
	font-size:20px !important;
	font-weight:600 !important;
	color:var(--ak-inkt) !important;
	letter-spacing:-.012em;
}

.cmplz-cookiebanner .cmplz-message,
.cky-consent-bar .cky-notice-des p{
	font-size:15.5px !important;
	line-height:1.6 !important;
	color:var(--ak-grijs) !important;
}

/* --- knoppen ----------------------------------------------------------- */

.cmplz-cookiebanner .cmplz-btn,
.cky-consent-bar .cky-btn{
	font-family:inherit !important;
	font-size:15.5px !important;
	font-weight:600 !important;
	border-radius:var(--ak-radius-knop) !important;
	padding:13px 22px !important;
	min-height:44px;
	border:1px solid transparent !important;
	transition:none !important;
}

/* Accepteren: de gevulde koperen knop. */
.cmplz-cookiebanner .cmplz-accept,
.cky-consent-bar .cky-btn-accept{
	background:var(--ak-koper) !important;
	border-color:var(--ak-koper) !important;
	color:var(--ak-wit) !important;
}
.cmplz-cookiebanner .cmplz-accept:hover,
.cky-consent-bar .cky-btn-accept:hover{
	background:var(--ak-koper-donker) !important;
	border-color:var(--ak-koper-donker) !important;
}

/* Weigeren krijgt hetzelfde gewicht als accepteren: even vindbaar, even groot.
   Dat is niet alleen netjes, het is ook wat de AVG-toezichthouder verwacht. */
.cmplz-cookiebanner .cmplz-deny,
.cky-consent-bar .cky-btn-reject{
	background:var(--ak-wit) !important;
	border-color:var(--ak-veldrand) !important;
	color:var(--ak-inkt) !important;
}
.cmplz-cookiebanner .cmplz-deny:hover,
.cky-consent-bar .cky-btn-reject:hover{
	border-color:var(--ak-inkt) !important;
}

/* Voorkeuren: een tekstlink, geen derde knop die om aandacht vecht. */
.cmplz-cookiebanner .cmplz-view-preferences,
.cky-consent-bar .cky-btn-customize{
	background:none !important;
	border:0 !important;
	color:var(--ak-grijs) !important;
	text-decoration:underline !important;
	padding:13px 8px !important;
}
.cmplz-cookiebanner .cmplz-view-preferences:hover,
.cky-consent-bar .cky-btn-customize:hover{
	color:var(--ak-koper-donker) !important;
}

/* --- voorkeurenvenster -------------------------------------------------- */

.cmplz-cookiebanner .cmplz-categories .cmplz-category,
.cky-modal .cky-accordion{
	border:1px solid var(--ak-lijn) !important;
	border-radius:var(--ak-radius-knop) !important;
	background:var(--ak-off-white) !important;
}

.cmplz-cookiebanner input[type=checkbox]:checked + .cmplz-slider,
.cky-switch input:checked{
	background:var(--ak-koper) !important;
	accent-color:var(--ak-koper) !important;
}

/* Focus zichtbaar houden; plugins zetten die nog weleens uit. */
.cmplz-cookiebanner :focus-visible,
.cky-consent-container :focus-visible{
	outline:2px solid var(--ak-koper) !important;
	outline-offset:2px !important;
}

@media (max-width:640px){
	.cmplz-cookiebanner .cmplz-buttons,
	.cky-consent-bar .cky-notice-btn-wrapper{
		flex-direction:column !important;
	}
	.cmplz-cookiebanner .cmplz-btn,
	.cky-consent-bar .cky-btn{
		width:100% !important;
	}
}