/* Loaded after Klaro so consent surfaces always follow the live website palette. */
#klaro .klaro .cookie-notice,
#klaro .klaro .cookie-modal .cm-app-container,
#klaro .klaro .cookie-modal .cm-modal {
    color: var(--site-theme-text, #eee9de) !important;
    background: var(--site-theme-surface, #11110f) !important;
    border-color: var(--site-theme-border, #27241d) !important;
    box-shadow: 0 22px 65px rgba(0, 0, 0, .56) !important;
}

#klaro .klaro .cookie-notice .cn-body::before {
    color: var(--site-theme-accent, #d1ae68) !important;
    background: var(--site-theme-surface-raised, #171717) !important;
    background: color-mix(in srgb, var(--site-theme-accent, #d1ae68) 14%, transparent) !important;
    border-color: var(--site-theme-border, #27241d) !important;
    border-color: color-mix(in srgb, var(--site-theme-accent, #d1ae68) 28%, transparent) !important;
}

#klaro .klaro .cookie-notice .cn-body::after,
#klaro .klaro .cookie-modal .cm-header .cm-title,
#klaro .klaro .cookie-modal .cm-app-title,
#klaro .klaro .cookie-modal .cm-section-title {
    color: var(--site-theme-text, #eee9de) !important;
}

#klaro .klaro .cookie-notice .cn-body > p,
#klaro .klaro .cookie-modal .cm-body p,
#klaro .klaro .cookie-modal .cm-list-description,
#klaro .klaro .cookie-modal .purposes {
    color: var(--site-theme-muted, #969388) !important;
}

#klaro .klaro .cookie-notice .cn-body .cn-learn-more a,
#klaro .klaro .cm-link {
    color: var(--site-theme-accent-bright, #e1c17d) !important;
}

#klaro .klaro .cookie-notice .cn-buttons .cm-btn,
#klaro .klaro .cm-buttons .cm-btn {
    color: var(--site-theme-text, #eee9de) !important;
    background: var(--site-theme-surface-raised, #171717) !important;
    border-color: var(--site-theme-border, #27241d) !important;
    box-shadow: none !important;
}

#klaro .klaro .cookie-notice .cn-buttons .cm-btn-success,
#klaro .klaro .cn-buttons .cm-btn-success,
#klaro .klaro .cm-buttons .cm-btn-success,
#klaro .klaro .cm-buttons .cm-btn-info {
    color: var(--site-theme-background, #090909) !important;
    background: var(--site-theme-accent, #d1ae68) !important;
    border-color: var(--site-theme-accent-bright, #e1c17d) !important;
}

#klaro .klaro .cookie-notice .cn-buttons .cm-btn-success:hover,
#klaro .klaro .cn-buttons .cm-btn-success:hover,
#klaro .klaro .cm-buttons .cm-btn-success:hover,
#klaro .klaro .cm-buttons .cm-btn-info:hover {
    background: var(--site-theme-accent-bright, #e1c17d) !important;
}

#klaro .klaro .cookie-modal .cm-header,
#klaro .klaro .cookie-modal .cm-footer,
#klaro .klaro .cookie-modal .cm-switch-container,
#klaro .klaro .cookie-modal li.cm-service,
#klaro .klaro .cookie-modal li.cm-purpose {
    background-color: var(--site-theme-surface-raised, #171717) !important;
    border-color: var(--site-theme-border, #27241d) !important;
}

#klaro .klaro .cm-list-input:checked + .cm-list-label .slider {
    background-color: var(--site-theme-accent, #d1ae68) !important;
}

#klaro .klaro .cookie-modal .cm-bg {
    background: rgba(0, 0, 0, .76) !important;
}

#klaro .klaro .context-notice,
.klaro .context-notice {
    color: var(--site-theme-text, #eee9de) !important;
    background: var(--site-theme-surface, #11110f) !important;
    border-color: var(--site-theme-border, #27241d) !important;
}

#klaro .klaro .context-notice p,
#klaro .klaro .context-notice a,
.klaro .context-notice p,
.klaro .context-notice a {
    color: var(--site-theme-text, #eee9de) !important;
}