/* Cookiemelding (CookieYes) in de huisstijl: donker staat in CookieYes zelf, de accentkleur
   kan daar alleen met premium. CookieYes zet kleuren inline (style=""), dus !important. */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
	border-radius: 6px !important;
	transition: background-color .2s, color .2s, border-color .2s;
}

.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept,
.cky-modal .cky-btn-preferences {
	border-color: var(--color-primary, #bcb09b) !important;
	background-color: var(--color-primary, #bcb09b) !important;
	color: #111 !important;
}

.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize,
.cky-modal .cky-btn-reject {
	border-color: var(--color-primary, #bcb09b) !important;
	background-color: transparent !important;
	color: var(--color-primary, #bcb09b) !important;
}

.cky-consent-container .cky-btn:hover,
.cky-modal .cky-btn:hover {
	opacity: 1 !important;
}

.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover,
.cky-modal .cky-btn-preferences:hover {
	background-color: transparent !important;
	color: var(--color-primary, #bcb09b) !important;
}

.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-customize:hover,
.cky-modal .cky-btn-reject:hover {
	background-color: var(--color-primary, #bcb09b) !important;
	color: #111 !important;
}

.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible {
	outline: 2px solid var(--color-primary, #bcb09b);
	outline-offset: 2px;
}

/* Links en schakelaars in het instellingenvenster */
.cky-modal .cky-show-desc-btn,
.cky-consent-container .cky-notice-des a,
.cky-modal .cky-preference-content-wrapper a {
	color: var(--color-primary, #bcb09b) !important;
}

.cky-modal .cky-switch input[type="checkbox"]:checked {
	background: var(--color-primary, #bcb09b) !important;
}

.cky-modal .cky-always-active {
	color: var(--color-primary, #bcb09b) !important;
}

/* Knopje linksonder om keuzes later te wijzigen (verplicht onder de AVG): accent met een
   donker icoon; het icoon is een wit plaatje, brightness(0) maakt het zwart */
.cky-btn-revisit-wrapper {
	background-color: var(--color-primary, #bcb09b) !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
	filter: brightness(0);
	opacity: .85;
}