/* Cookiebanner (Consent Mode v2): klein, onderin links, verdwijnt na een keuze */
.sl-consent {
    position: fixed; left: 20px; bottom: 20px; z-index: 1000; max-width: 360px;
    display: flex; flex-direction: column; gap: 12px;
    padding: 16px 18px; background: var(--surface-raised, #fff); color: var(--text, #1a1a1a);
    border: 1px solid var(--border, #e6e6e6); border-radius: 14px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    font: 400 0.875rem/1.45 'Inter', -apple-system, sans-serif;
}
.sl-consent[hidden] { display: none; }
.sl-consent p { margin: 0; color: var(--text-2, #555); }
.sl-consent a { color: var(--text, #1a1a1a); text-decoration: underline; text-underline-offset: 2px; }
.sl-consent-actions { display: flex; gap: 8px; justify-content: flex-end; }
.sl-consent button {
    font: inherit; font-weight: 500; padding: 8px 16px; border-radius: 9999px; cursor: pointer;
    border: 1px solid var(--border-strong, #e6e6e6); background: var(--surface-raised, #fff); color: var(--text, #1a1a1a);
}
.sl-consent button:hover { border-color: var(--border-hover, #bdbdbd); }
.sl-consent button.is-primary { background: var(--text, #000); border-color: var(--text, #000); color: var(--surface, #fff); }
.sl-consent button.is-primary:hover { opacity: 0.85; }
@media (max-width: 520px) { .sl-consent { left: 12px; right: 12px; bottom: 12px; max-width: none; } }