/* Scoped to Klaro!; preserve the existing public website layout. */
.klaro {
    --green1: #eb0a1e;
    --green2: #b52230;
    --green3: #eb0a1e;
    --blue1: #252b35;
    --dark1: #ffffff;
    --dark2: #f5f6f8;
    --dark3: #646c79;
    --light1: #252b35;
    --light2: #252b35;
    --light3: #dfe3e9;
    --font-family: Kanit, system-ui, sans-serif;
    --border-radius: 8px;
    color-scheme: light;
    font-family: var(--font-family);
}
.klaro .cookie-notice, .klaro .cookie-modal { z-index: 100000; }
.klaro .cookie-notice:not(.cookie-modal-notice) { max-width: 560px; }
.klaro .cookie-modal .cm-modal { max-height: calc(100dvh - 32px); overflow-y: auto; scrollbar-gutter: stable; }
.klaro .cm-btn { min-height: 44px; font-family: inherit; }
.klaro button:focus-visible, .klaro a:focus-visible, .cookie-settings:focus-visible,
.klaro input:focus-visible + label { outline: 3px solid #eb0a1e; outline-offset: 3px; }
.cookie-settings { min-height: 44px; padding: 8px 12px; background: transparent; color: inherit; text-decoration: underline; border-radius: 8px; cursor: pointer; }
.cookie-footer-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
.cookie-footer-links a { color: inherit; text-decoration: underline; }
.cookie-map-placeholder { min-height: 350px; padding: 24px; display: flex; align-content: center; text-align: center; background: #f5f6f8; color: #252b35; border: 1px solid #dfe3e9; border-radius: 8px; }
.cookie-map-placeholder p { color: inherit; }
@media (max-width: 600px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) { width: auto; max-width: none; left: 12px; right: 12px; bottom: 12px; }
    .klaro .cookie-modal .cm-modal { width: calc(100% - 24px); margin: 12px auto; }
    .klaro .cm-btn { margin-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .klaro *, .klaro *::before, .klaro *::after { animation: none !important; transition: none !important; }
}
.klaro .cm-btn.cm-btn-danger { background: #f5f6f8; color: #252b35; border: 1px solid #646c79; }
.klaro .cm-btn.cm-btn-danger:hover { background: #dfe3e9; }
.klaro .cookie-modal .cm-powered-by a { color: #646c79; }
iframe[data-name="google-maps"]:not([src]) { display: none; }
.cookie-footer-links { color: #ffffff; }
.klaro .cookie-modal .cm-modal .cm-powered-by,
.klaro .cookie-modal .cm-modal .cm-powered-by a { color: #646c79; }
