/* assets/css/custom-cookie-consent.css - V4 - Thème Gris Clair */

:root {
    /* NOUVELLE COULEUR DE FOND : un gris clair et doux */
    --cc-bg: #f3f4f6; 

    /* Texte principal : on utilise le bleu foncé du site pour un contraste parfait */
    --cc-text: #1A2E39;
    --cc-link-color: #A06D52; /* La couleur primaire pour les liens */
    --cc-border-color: #e5e7eb; /* Une bordure discrète */

    /* Boutons de la modale principale */
    --cc-btn-primary-bg: #A06D52;
    --cc-btn-primary-text: #FFFFFF;
    --cc-btn-primary-border: #A06D52;
    
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-text: #A06D52;
    --cc-btn-secondary-border: #A06D52;
    --cc-btn-secondary-hover-bg: #A06D52;
    --cc-btn-secondary-hover-text: #FFFFFF;
    --cc-btn-secondary-hover-border: #A06D52;

    /* Couleurs de la grande fenêtre de préférences */
    --cc-prefs-bg: #f3f4f6; /* On utilise le même gris clair */
    --cc-prefs-text: #1A2E39;
    --cc-prefs-title-color: #1A2E39;
    --cc-prefs-border-color: #e5e7eb;
    
    /* Boutons de la fenêtre de préférences */
    --cc-prefs-btn-primary-bg: #A06D52;
    --cc-prefs-btn-primary-text: #FFFFFF;
    --cc-prefs-btn-secondary-bg: #FFFFFF;
    --cc-prefs-btn-secondary-text: #1A2E39;
    --cc-prefs-btn-secondary-border: #d1d5db;

    /* Switch on/off */
    --cc-toggle-bg-on: #A06D52;
    --cc-toggle-bg-off: #ccc;
    --cc-toggle-handle-bg: #FFFFFF;

    /* Police de caractères */
    --cc-font-family: 'Outfit', sans-serif;
}


/*
    Ajustements fins additionnels
*/

/* Ombre portée pour détacher le bandeau */
.cc-modal.cc-box {
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
}

/* Bords arrondis */
.cc-btn, .cc-prefs-modal .c-sc {
    border-radius: 5px !important;
}

/* Sections accordéon dans les préférences */
.cc-prefs-modal .c-sc {
    background-color: #FFFFFF; /* Un fond blanc pour les sections */
    border: 1px solid var(--cc-prefs-border-color) !important;
}

/* On force le bouton "Enregistrer" à avoir le bon style */
.cc-prefs-modal .cc-prefs-btn-save {
    background-color: var(--cc-prefs-btn-primary-bg) !important;
    color: var(--cc-prefs-btn-primary-text) !important;
    border-color: var(--cc-prefs-btn-primary-bg) !important;
}

/* S'assurer que les titres sont bien visibles */
.cc-modal .cc-title {
    color: #1A2E39 !important;
}