/*
 * Banniere de consentement aux couleurs du site (P3-01).
 *
 * CookieConsent arrive avec son theme clair : boite blanche, texte gris, boutons
 * anthracite. Sur un site entierement sombre a accents dores, la banniere tombe
 * comme un corps etranger — et c'est le premier element que voit un visiteur.
 *
 * La bibliotheque expose 46 variables `--cc-*`. On les redefinit plutot que de
 * lutter contre ses selecteurs : c'est ce pour quoi elles existent, et cela couvre
 * du meme coup le panneau de preferences qu'on n'ouvre pas a chaque relecture.
 *
 * Cette feuille est chargee apres celle de la bibliotheque : la meme specificite
 * suffit, aucun !important n'est necessaire.
 */

#cc-main {
    /* Reprend les couleurs deja posees pour le parcours d'achat. */
    --cc-bg: #151719;
    --cc-primary-color: #f2f2f2;
    --cc-secondary-color: #a8a8a8;

    /* « Tout accepter » et « Tout refuser » sont **identiques**. La Loi 25 demande
       que refuser soit aussi simple qu'accepter : distinguer les deux par la couleur
       reviendrait a pousser vers l'un des deux. Seul le libelle les separe. */
    --cc-btn-primary-bg: #f0a51f;
    --cc-btn-primary-color: #111;
    --cc-btn-primary-border-color: #f0a51f;
    --cc-btn-primary-hover-bg: #ffbe45;
    --cc-btn-primary-hover-color: #111;
    --cc-btn-primary-hover-border-color: #ffbe45;

    --cc-btn-secondary-bg: #f0a51f;
    --cc-btn-secondary-color: #111;
    --cc-btn-secondary-border-color: #f0a51f;
    --cc-btn-secondary-hover-bg: #ffbe45;
    --cc-btn-secondary-hover-color: #111;
    --cc-btn-secondary-hover-border-color: #ffbe45;

    --cc-link-color: #f0a51f;
    --cc-separator-border-color: rgba(255, 255, 255, .12);

    /* Interrupteurs du panneau de preferences. */
    --cc-toggle-on-bg: #f0a51f;
    --cc-toggle-on-knob-bg: #111;
    --cc-toggle-off-bg: #3a3d42;
    --cc-toggle-off-knob-bg: #f2f2f2;
    --cc-toggle-enabled-icon-color: #111;
    --cc-toggle-disabled-icon-color: #f2f2f2;
    --cc-toggle-readonly-bg: #2a2d31;
    --cc-toggle-readonly-knob-bg: #8a8a8a;
    --cc-toggle-readonly-knob-icon-color: #2a2d31;

    /* Blocs de categories : les memes surfaces legerement eclaircies que le site. */
    --cc-cookie-category-block-bg: rgba(255, 255, 255, .04);
    --cc-cookie-category-block-border: rgba(255, 255, 255, .12);
    --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, .07);
    --cc-cookie-category-block-hover-border: rgba(255, 255, 255, .22);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, .04);
    --cc-section-category-border: rgba(255, 255, 255, .12);

    --cc-footer-bg: #0d0d0d;
    --cc-footer-color: #a8a8a8;
    --cc-footer-border-color: rgba(255, 255, 255, .12);

    --cc-overlay-bg: rgba(0, 0, 0, .72);
    --cc-webkit-scrollbar-bg: #3a3d42;
    --cc-webkit-scrollbar-hover-bg: #4a4d52;

    /* Les memes rayons que les boutons du parcours d'achat. */
    --cc-btn-border-radius: 6px;
    --cc-modal-border-radius: 10px;

    /* La police du site plutot que la pile systeme de la bibliotheque. */
    --cc-font-family: Mulish, sans-serif;
}

/* Les titres suivent la police des titres du site. */
#cc-main .cm__title,
#cc-main .pm__title {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

/* Un liseret dore, comme les blocs de la billetterie. */
#cc-main .cm,
#cc-main .pm {
    border: 1px solid rgba(240, 165, 31, .35);
}

/* « Choisir » ouvre le panneau : c'est une troisieme voie, pas un refus. On la
   distingue des deux boutons de reponse sans la rendre moins accessible. */
#cc-main .cm__btn[data-role="show"] {
    background: transparent;
    color: #f0a51f;
    border: 1px solid rgba(240, 165, 31, .55);
}

#cc-main .cm__btn[data-role="show"]:hover {
    background: rgba(240, 165, 31, .12);
    color: #ffbe45;
    border-color: #ffbe45;
}

/* Contour visible au clavier : celui de la bibliotheque disparait sur fond sombre. */
#cc-main button:focus-visible,
#cc-main a:focus-visible {
    outline: 2px solid #f0a51f;
    outline-offset: 2px;
}

/* Les fleches de repli reprennent `--cc-btn-primary-color`, pose a #111 pour le
   texte des boutons dores : sur le bloc de categorie sombre, elles disparaissent.
   Elles ne portent aucun texte, donc aucun releve de contraste ne les signale. */
#cc-main .pm__section-arrow svg,
#cc-main .pm__section-arrow path {
    stroke: #f2f2f2;
}

#cc-main .pm__section--toggle .pm__section-arrow svg,
#cc-main .pm__section--toggle .pm__section-arrow path {
    stroke: #f2f2f2;
}

/* Les liens prenaient la couleur du texte courant : « En savoir plus » et
   « notre politique » menent a la politique de confidentialite, ils doivent se
   voir. Souligne autant que colore : la couleur seule ne suffit pas a signaler
   un lien a qui distingue mal les teintes. */
#cc-main .cm__desc a,
#cc-main .pm__section-desc a,
#cc-main .cm__texts a,
#cc-main .pm__body a {
    color: #f0a51f;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cc-main .cm__desc a:hover,
#cc-main .pm__section-desc a:hover,
#cc-main .cm__texts a:hover,
#cc-main .pm__body a:hover {
    color: #ffbe45;
}