/* Klaro overrides for imageRelease branding */

/* Set CSS variables for Klaro */
.klaro {
    --green1: #a3d92b;
    --green2: #8fc225;
    --blue1: #091157;
    --blue2: #215ba5;
    --blue3: #5AA8D9;
    --white1: #ffffff;
    --white2: #f5f5f5;
    --white3: #eeeeee;
    --dark1: #333333;
    --dark2: #555555;
    --dark3: #666666;
    --light1: #eeeeee;
    --light2: #dddddd;
    --light3: #cccccc;
    --font-family: 'Poppins', sans-serif;
}

/* Modal and notice backgrounds */
.klaro .cookie-notice,
.klaro .cookie-modal .cm-modal {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Text colors */
.klaro .cookie-notice,
.klaro .cookie-modal {
    color: #333333 !important;
}

/* Headers */
.klaro .cookie-modal .cm-modal h1,
.klaro .cookie-notice h1,
.klaro .cm-header h1,
.klaro .cookie-modal h1 {
    color: #091157 !important;
    font-weight: 600 !important;
}

/* Primary buttons - Accept All, Save */
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #a3d92b !important;
    background-color: #a3d92b !important;
    border: none !important;
    border-radius: 6px !important;
    color: #091157 !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    transition: background 0.2s ease !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-success:hover,
.klaro .context-notice .cm-btn.cm-btn-success:hover,
.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
    background: #8fc225 !important;
    background-color: #8fc225 !important;
}

/* Secondary variant button */
.klaro .cookie-modal .cm-btn.cm-btn-success-var,
.klaro .context-notice .cm-btn.cm-btn-success-var,
.klaro .cookie-notice .cm-btn.cm-btn-success-var {
    background: #8fc225 !important;
    background-color: #8fc225 !important;
    border: none !important;
    border-radius: 6px !important;
    color: #091157 !important;
    font-weight: 500 !important;
}

/* Info/Customise buttons */
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .context-notice .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
    color: #555555 !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

.klaro .cookie-modal .cm-btn.cm-btn-info:hover,
.klaro .context-notice .cm-btn.cm-btn-info:hover,
.klaro .cookie-notice .cm-btn.cm-btn-info:hover {
    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    border-color: #cccccc !important;
}

/* Close button */
.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .context-notice .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
    background: transparent !important;
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
    color: #555555 !important;
}

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

/* Toggle switches - unchecked state */
.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
    background: #cccccc !important;
    background-color: #cccccc !important;
}

/* Purpose/service list items */
.klaro .cm-purpose,
.klaro .cm-service {
    border-bottom: 1px solid #eeeeee !important;
}

.klaro .cm-purpose:last-child,
.klaro .cm-service:last-child {
    border-bottom: none !important;
}

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

.klaro .cookie-modal a:hover,
.klaro .cookie-notice a:hover {
    color: #091157 !important;
}

/* Position bottom right */
.klaro .cookie-notice {
    right: 20px !important;
    left: auto !important;
    max-width: 400px !important;
}

@media (max-width: 768px) {
    .klaro .cookie-notice {
        left: 10px !important;
        right: 10px !important;
        max-width: none !important;
    }
}

/* Service/purpose descriptions */
.klaro .cm-list-description,
.klaro .cm-service-description {
    color: #666666 !important;
    font-size: 13px !important;
}

/* Purpose/service titles */
.klaro .cm-list-title,
.klaro .cm-purpose h2,
.klaro .cm-service h3 {
    color: #091157 !important;
    font-weight: 600 !important;
}

/* Modal body text */
.klaro .cookie-modal p,
.klaro .cookie-notice p {
    color: #555555 !important;
}