/**
 * Klaro light theme – loaded after klaro.min.css so overrides apply.
 * Cookie notice and consent modal: light background, dark text.
 */
#klaro .klaro .cookie-notice,
#klaro .klaro .cm .cm-modal {
    font-family: inherit;
}

/* Cookie notice (banner) – light */
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #fff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p,
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body strong,
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a {
    color: #374151 !important;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body a:hover {
    color: #6b2d7b !important;
}

/* Consent modal – light */
#klaro .klaro .cookie-modal .cm-modal.cm-klaro {
    background-color: #fff !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-header,
#klaro .klaro .cookie-modal .cm-modal .cm-body,
#klaro .klaro .cookie-modal .cm-modal .cm-footer {
    border-color: #e5e7eb !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-header h1,
#klaro .klaro .cookie-modal .cm-modal p,
#klaro .klaro .cookie-modal .cm-modal strong,
#klaro .klaro .cookie-modal .cm-modal ul,
#klaro .klaro .cookie-modal .cm-modal li {
    color: #111827 !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-list-description,
#klaro .klaro .cookie-modal .cm-modal .cm-body p.purposes {
    color: #6b7280 !important;
}
#klaro .klaro .cookie-modal .cm-modal .hide svg {
    stroke: #374151 !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
    color: #6b7280 !important;
}
#klaro .klaro .cookie-modal .cm-modal a {
    color: #6b2d7b !important;
}
#klaro .klaro .cookie-modal .cm-modal a:hover {
    color: #5a2668 !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
    color: #6b7280 !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret {
    color: #9ca3af !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-list-label .slider {
    background-color: #e5e7eb !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-list-label .slider::before {
    background-color: #f9fafb !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-switch-container {
    border-bottom-color: #e5e7eb !important;
}
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,
#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
    border-top-color: #e5e7eb !important;
}

/* Buttons */
#klaro .klaro .cookie-notice .cn-ok .cm-btn,
#klaro .klaro .cookie-notice .cn-ok button,
#klaro .klaro .cookie-notice .cn-ok,
#klaro .klaro .cm .cm-btn.cm-btn-success {
    background-color: #6b2d7b !important;
    border-color: #6b2d7b !important;
    color: #fff !important;
}
#klaro .klaro .cookie-notice .cn-ok .cm-btn:hover,
#klaro .klaro .cookie-notice .cn-ok button:hover,
#klaro .klaro .cookie-notice .cn-ok:hover .cm-btn,
#klaro .klaro .cm .cm-btn.cm-btn-success:hover {
    background-color: #5a2668 !important;
    border-color: #5a2668 !important;
    color: #fff !important;
}
#klaro .klaro .cm .cm-btn.cm-btn-close {
    background-color: #e5e7eb !important;
    color: #374151 !important;
}
#klaro .klaro .cm .cm-btn.cm-btn-close:hover {
    background-color: #d1d5db !important;
    color: #111827 !important;
}

/* Small modal notice (popup style) */
#klaro .klaro .cookie-modal-notice {
    background-color: #fff !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
}
#klaro .klaro .cookie-modal-notice p,
#klaro .klaro .cookie-modal-notice a {
    color: #374151 !important;
}
#klaro .klaro .cookie-modal-notice a:hover {
    color: #6b2d7b !important;
}
