/* =========================================================
   Klaro CMP — thème Aladom
   Surcharge des variables CSS par défaut de Klaro (vertes)
   pour les aligner sur la charte Aladom (bleus).
   Chargé APRÈS klaro.js (qui injecte ses propres styles).
   ========================================================= */

.klaro {
    /* Typographie alignée sur le site */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --title-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --border-radius: 10px;

    /* Accent principal (bouton « Tout accepter », interrupteurs actifs)
       Klaro par défaut : verts #1a936f / #24cc9a / #48dfb2 */
    --green1: #1A6DFF;   /* bleu Aladom — bouton accepter, sliders actifs */
    --green2: #4A90FF;   /* bleu clair — bouton « enregistrer mes choix » */
    --green3: #1A6DFF;

    /* Éléments sombres (fond du bandeau, boutons neutres)
       Klaro par défaut : gris #333 / #5c5c5c / #7c7c7c */
    --dark1: #0A2540;    /* bleu foncé Aladom — fond du bandeau */
    --dark2: #24425F;    /* bouton « Tout refuser » (neutre, prominent) */
    --dark3: #34506B;

    --button-text-color: #ffffff;
}

/* Le bandeau reste au-dessus du reste de l'UI du funnel */
.klaro .cookie-notice:not(.cookie-modal-notice) {
    z-index: 1000;
}

/* Boutons : un peu plus d'air, cohérent avec les CTA du site */
.klaro .cm-btn {
    padding: 0.6em 1em;
    font-weight: 600;
}

/* Liens (bandeau + modale) : lisibles sur fond bleu foncé */
.klaro .cookie-notice .cn-learn-more,
.klaro .cookie-notice a,
.klaro .cm-modal a,
.klaro .cm-modal .cm-link {
    color: #BBD3FF;
}

/* Bouton « Tout refuser » : bien visible sur la modale bleu foncé
   (bouton clair à texte foncé), aussi prominent que « Tout accepter »
   — le refus doit être aussi simple que l'accord (exigence CNIL). */
.klaro .cm-btn.cm-btn-decline,
.klaro .cn-decline {
    background-color: #E8F1FF;
    color: #0A2540;
    font-weight: 600;
}
.klaro .cm-btn.cm-btn-decline:hover,
.klaro .cn-decline:hover {
    background-color: #D3E4FF;
    color: #0A2540;
}