/* ==========================================================================
   Habillage du bandeau de consentement.

   tarteaucitron arrive en jaune vif sur fond sombre : lisible, mais étranger
   au site. On reprend la palette, la typographie et les arrondis des autres
   blocs pour que le bandeau se lise comme une partie du site et non comme un
   module rapporté.

   Un point n'est pas cosmétique : « Tout accepter » et « Tout refuser »
   gardent exactement la même taille, la même graisse et la même forme. La
   CNIL demande que refuser soit aussi simple qu'accepter ; un bouton de
   refus plus discret que l'autre suffit à rendre le consentement contestable.
   ========================================================================== */

#tarteaucitronRoot * {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
}

/* --- la bande --- */
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #FFFFFF !important;
    color: #101828 !important;
    box-shadow: 0 -12px 40px -22px rgba(6, 19, 39, .45) !important;
    border-top: 1px solid #D5E3F3 !important;
    padding: 18px 20px !important;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert b {
    color: #101828 !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
}

/* --- les boutons de la bande --- */
#tarteaucitronRoot #tarteaucitronAlertBig button,
#tarteaucitronRoot #tarteaucitronAlertBig a.tarteaucitronCTAButton {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    padding: 11px 22px !important;
    margin: 4px 5px !important;
    border: 1px solid transparent !important;
    transition: background .2s ease, color .2s ease !important;
}

#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronPersonalize {
    background: #0E59F2 !important;
    color: #FFFFFF !important;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot #tarteaucitronPersonalize:hover { background: #0B48C4 !important; }

#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAllDenied {
    background: #101828 !important;
    color: #FFFFFF !important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover { background: #2A3446 !important; }

/* « Personnaliser » est une troisième voie, pas une alternative aux deux
   premières : il peut rester discret sans déséquilibrer le choix. */
#tarteaucitronRoot #tarteaucitronCloseAlert {
    background: transparent !important;
    color: #576073 !important;
    border-color: #D5E3F3 !important;
}
#tarteaucitronRoot #tarteaucitronCloseAlert:hover {
    background: #E7F0FA !important;
    color: #101828 !important;
}

#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
    color: #0E59F2 !important;
    background: transparent !important;
    text-decoration: underline !important;
}

/* --- le panneau de réglages --- */
#tarteaucitronRoot #tarteaucitron {
    border-radius: 18px !important;
    overflow: hidden !important;
}
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronClosePanel {
    background: #061327 !important;
    border-color: #061327 !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3 { color: #FFFFFF !important; }

#tarteaucitronRoot .tarteaucitronAllow { background: #0E59F2 !important; }
#tarteaucitronRoot .tarteaucitronDeny  { background: #101828 !important; }
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny { opacity: 1 !important; }

/* --- la pastille de réglages, en bas à gauche --- */
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
    background: #0E59F2 !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
}

@media (max-width: 700px) {
    #tarteaucitronRoot #tarteaucitronAlertBig { padding: 16px 16px 18px !important; }
    #tarteaucitronRoot #tarteaucitronDisclaimerAlert { font-size: 13.5px !important; }
    #tarteaucitronRoot #tarteaucitronAlertBig button { padding: 10px 18px !important; }
}