/* Cookiebanner (inc/meten.php): een warm kaartje linksonder, in de Doortje-stijl. */
.d-cookies { position: fixed; left: 20px; bottom: 20px; z-index: 9999; width: min(400px, calc(100vw - 32px)); box-sizing: border-box; padding: 22px 22px 20px 92px; background: #FFFBF3; color: #2E3B5E; border-radius: 22px; border: 2px dashed rgba(46, 59, 94, .18); box-shadow: 0 18px 40px -18px rgba(30, 43, 69, .55); font-size: 14.5px; line-height: 1.5; opacity: 0; transform: translateY(16px); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.4, .5, 1); }
.d-cookies.is-zichtbaar { opacity: 1; transform: none; }
.d-cookies[hidden] { display: none; }
.d-cookies-koekje { position: absolute; left: 20px; top: 22px; width: 56px; height: 56px; border-radius: 50%; background: radial-gradient(circle at 30% 32%, #6B3E1F 0 5px, transparent 6px), radial-gradient(circle at 64% 28%, #6B3E1F 0 4px, transparent 5px), radial-gradient(circle at 46% 60%, #6B3E1F 0 5px, transparent 6px), radial-gradient(circle at 74% 66%, #6B3E1F 0 3.5px, transparent 4.5px), radial-gradient(circle at 26% 70%, #6B3E1F 0 3px, transparent 4px), #E9B66B; box-shadow: inset -5px -6px 0 rgba(150, 90, 30, .25); transform: rotate(-8deg); animation: d-koekje 3.6s ease-in-out infinite; }
.d-cookies-koekje::after { content: ""; position: absolute; right: -4px; top: -2px; width: 18px; height: 18px; border-radius: 50%; background: #FFFBF3; } /* hapje eruit */
@keyframes d-koekje { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(6deg); } }
.d-cookies-kop { margin: 0 0 4px; font-family: var(--wp--preset--font-family--heading, Fraunces, serif); font-size: 17px; font-weight: 600; line-height: 1.3; }
.d-cookies-tekst { margin: 0 0 14px; }
.d-cookies-tekst a { color: #B5652E; font-weight: 600; }
.d-cookies-knoppen { display: flex; flex-wrap: wrap; gap: 8px; }
.d-cookies button { font: inherit; font-weight: 700; font-size: 14px; padding: 10px 16px; border-radius: 999px; cursor: pointer; transition: transform .15s ease, background .2s ease; }
.d-cookies button:hover { transform: translateY(-1px); }
.d-cookies button:focus-visible { outline: 3px solid #8EAAD5; outline-offset: 2px; }
.d-cookies-ja { background: #E07A3A; color: #fff; border: 2px solid #E07A3A; }
.d-cookies-ja:hover { background: #C8661F; border-color: #C8661F; }
.d-cookies-nee { background: transparent; color: #2E3B5E; border: 2px solid rgba(46, 59, 94, .35); }
@media (max-width: 600px) {
	.d-cookies { left: 16px; bottom: 16px; padding: 18px 18px 16px 18px; }
	.d-cookies-koekje { position: static; display: block; width: 44px; height: 44px; margin-bottom: 8px; }
	.d-cookies-knoppen button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .d-cookies, .d-cookies-koekje { transition: none; animation: none; } }