/* Klaro Cookie Consent - Custom Styles */
/* !important needed because Klaro injects its own styles dynamically */

/* Notice banner */
.klaro .cookie-notice {
    background-color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    border-radius: 0 !important;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15) !important;
}

.klaro .cookie-notice .cn-body p,
.klaro .cookie-notice .cn-body span {
    color: #000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.klaro .cookie-modal .cm-modal .cm-header p,
.klaro .cookie-modal .cm-modal .cm-header p span {
    color: #000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.klaro .cookie-notice .cn-ok .cm-btn {
    border-radius: 4px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-info {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-info:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Consent Modal */
.klaro .cookie-modal .cm-modal {
    background-color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    border-radius: 0 !important;
}

.klaro .cookie-modal .cm-modal .cm-header {
    border-bottom: 1px solid #bed3f3 !important;
}

/* Close button */
.klaro .cookie-modal .cm-modal .cm-header button.hide {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
}

.klaro .cookie-modal .cm-modal .cm-header button.hide svg {
    width: 20px !important;
    height: 20px !important;
}

.klaro .cookie-modal .cm-modal .cm-header button.hide svg line {
    stroke: #0f519d !important;
    stroke-width: 2 !important;
}

.klaro .cookie-modal .cm-modal .cm-header h1,
.klaro .cookie-modal .cm-modal .cm-header h2,
.klaro .cookie-modal .cm-modal .cm-body h1,
.klaro .cookie-modal .cm-modal .cm-body h2,
.klaro .cookie-modal .cm-modal .cm-body h3,
.klaro .cookie-modal .cm-modal .cm-body h4 {
    color: #0f519d !important;
    font-family: 'Lato', sans-serif !important;
}

.klaro .cookie-modal .cm-modal .cm-body {
    color: #000 !important;
}

.klaro .cookie-modal .cm-modal .cm-body p {
    color: #000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer {
    border-top: 1px solid #bed3f3 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-btn {
    border-radius: 4px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 24px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-btn.cm-btn-info {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-btn.cm-btn-info:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Toggle switches */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
    background-color: #0f519d !important;
}

.klaro .cookie-modal .cm-list-input + .cm-list-label .slider {
    background-color: #ccc !important;
}

.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background-color: #0f519d !important;
}

.klaro .cookie-notice .cm-list-input + .cm-list-label .slider {
    background-color: #ccc !important;
}

/* Service/purpose list titles */
.klaro .cm-list-title {
    color: #0f519d !important;
    font-weight: 700 !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service .cm-service-title {
    font-weight: 700 !important;
    color: #0f519d !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-purpose-title {
    font-weight: 700 !important;
    color: #0f519d !important;
}

/* Links */
.klaro .cookie-notice a,
.klaro .cookie-modal a {
    color: #0f519d !important;
}

.klaro .cookie-notice .cn-learn-more {
    color: #0f519d !important;
}

.klaro .cookie-notice .cn-learn-more:hover {
    color: #000 !important;
}