/*
 * Surcouche tarteaucitron.js — accord avec la charte du site.
 * Chargée après css/tarteaucitron.min.css (voir templates/psi_site/common/tarteaucitron.html.twig).
 * Les sélecteurs dépendent du balisage de la bibliothèque : à revérifier lors d'une mise à jour.
 *
 * Couleurs de la charte :
 *   congress-blue  #004884   midnight-blue  #244879
 *   supernova      #fecc02   abbey          #4e4e4e
 */

#tarteaucitronRoot * {
    font-family: "Montserrat", sans-serif !important;
}

/* ---- Titres / textes ----- */

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    font-weight: 400 !important;
    text-shadow: none !important;
}

#tarteaucitronRoot .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronCross {
    display: none !important;
}


#tarteaucitronRoot #dialogTitle {
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
}

#tarteaucitronRoot div#tarteaucitronInfo {
    background: transparent !important;
    border: none !important;
    margin-top: 50px !important;
    font-style: italic !important;
    color: #fff !important;
    font-weight: 400 !important;
}

#tarteaucitronRoot .tarteaucitronH2 {
    font-style: italic !important;
    color: #fff !important;
    font-weight: 400 !important;
}

#tarteaucitronRoot .tarteaucitronDeny.tarteaucitronIsSelected,
#tarteaucitronRoot .tarteaucitronDeny[aria-pressed="true"] {
    color: #fff !important;
}

#tarteaucitronRoot div#tarteaucitronSave {
    text-align: center !important;
}

#tarteaucitronRoot div#tarteaucitronSave>button#tarteaucitronSaveButton {
    width: 90% !important;
    margin: 0 !important;
}

#tarteaucitronRoot button {
    transition: opacity 0.2s ease !important;
}

#tarteaucitronRoot button:hover {
    opacity: 0.8 !important;
}

/* ----- Bandeau ----- */

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #004884 !important;
    color: #ffffff !important;
    padding: 20px 24px !important;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Forme commune a tous les boutons : pilule Montserrat, comme les CTA du site
   (bg-congress-blue / rounded-full / px-6 py-2 / hover:bg-cerulean) */
#tarteaucitronRoot #tarteaucitronAlertBig button,
#tarteaucitronRoot #tarteaucitron button.tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron button.tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitronSaveButton,
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
    border: 1px solid transparent !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 20px !important;
    padding: 9px 24px !important;
    margin: 4px !important;
    text-shadow: none !important;
    text-transform: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* Accepter et refuser : meme traitement visuel (exigence CNIL).
   Inverse du CTA principal, le bandeau etant deja en congress-blue. */
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAllDenied2 {
    background: #ffffff !important;
    color: #004884 !important;
}

#tarteaucitronRoot #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:hover {
    background: #1a9cd8 !important;
    color: #ffffff !important;
}

/* Personnaliser : action secondaire, contour seul */
#tarteaucitronRoot #tarteaucitronCloseAlert {
    background: transparent !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitronCloseAlert:hover {
    background: #ffffff !important;
    color: #004884 !important;
}

/* ----- Panneau de gestion ----- */

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
    background: #004884 !important;
    border-color: #004884 !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronH3 {
    color: #244879 !important;
}

/* Boutons de service : bouton secondaire du site
   (fond blanc, bord #004A86, texte congress-blue-2, hover plein congress-blue) */
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    color: #FFF !important;
    font-size: 13px !important;
    padding: 6px 20px !important;
}

/* Etat retenu : le choix actif reste lisible d'un coup d'oeil */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny {
    background-color: #004884 !important;
    border-color: #004884 !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitron .tarteaucitronIsAllowed .tarteaucitronAllow {
    background-color: #1b870b !important;
    border-color: #1b870b !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitron .tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #9c1a1a !important;
    border-color: #9c1a1a !important;
    color: #ffffff !important;
}

/* Ligne « tout autoriser / tout refuser » : sur fond congress-blue, donc meme
   inverse que le bandeau */
#tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied {
    background-color: #9c1a1a !important;
    border-color: #9c1a1a !important;
    color: #FFFFFF !important;
    transition: all 0.3s ease !important;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed {
    background-color: #1b870b !important;
    border-color: #1b870b !important;
    color: #FFFFFF !important;
    transition: all 0.3s ease !important;
}

/* Bouton d'enregistrement : sur fond blanc, donc CTA principal du site.
   Le selecteur reprend celui de la bibliotheque (html body …) pour passer devant. */
html body #tarteaucitronRoot button#tarteaucitronSaveButton {
    background: #004884 !important;
    border-color: #004884 !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

html body #tarteaucitronRoot button#tarteaucitronSaveButton:hover {
    background: #1a9cd8 !important;
    border-color: #1a9cd8 !important;
}

/* ----- Pastille d'acces rapide ----- */

#tarteaucitronRoot #tarteaucitronAlertSmall {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 12px !important;
}

#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
    background: #004884 !important;
    color: #ffffff !important;
    border: 2px solid #004884 !important;
}

#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgb(254, 204, 2) !important;
    color: #004884 !important;
}

#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
    color: #004884 !important;
    text-decoration: underline !important;
}

/* ----- Lisibilité mobile ----- */

@media screen and (max-width: 767px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        padding: 16px !important;
    }

    #tarteaucitronRoot #tarteaucitronAlertBig button {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 !important;
    }
}