/* Override Klaro variables to match mein-lieblingslaecheln.de gold theme */
.klaro {
    --green1: #E0AA3E; /* brand gold-500 */
    --green2: #F0C060; /* brand gold-400 lighter */
    --green3: #F0C060; /* Light gold for focus */
    
    /* Ensure links handling */
    --blue1: #E0AA3E;
    --blue2: #F0C060;
    
    /* Font tweaks to match site */
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --title-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Dark mode tweaks matching site palette */
    --dark1: #1f2937; /* gray-800 */
    --dark2: #374151; /* gray-700 */
    --light1: #ffffff;

    /* Border overrides */
    --border-radius: 12px;
}

/* Remove blue border from main modal/notice */
.klaro .cookie-modal,
.klaro .context-notice,
.klaro .cookie-notice {
    border: 1px solid #d1d5db !important; /* gray-300 subtle border */
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    outline: none !important; /* Fix focus border */
}

/* Fix button focus outlines */
.klaro .cm-btn:focus,
.klaro .cm-btn:active,
.klaro .cookie-modal:focus,
.klaro .cookie-notice:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Specific overrides if variables are not enough */
.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-color: var(--green1) !important;
}

.klaro .cookie-modal a, 
.klaro .context-notice a, 
.klaro .cookie-notice a {
    color: #1f2937 !important;
    text-decoration: underline;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background-color: var(--green1) !important;
}
