/**
 * Tarteaucitron — Styles custom Galis
 * -----------------------------------
 * Surcharge du CSS par défaut de tarteaucitron (injecté par le JS depuis son CDN).
 * Fichier dédié : ne pas fusionner dans common.css.
 *
 * Charte : noir #000, jaune #FFB800, Montserrat.
 *
 * Les `!important` et la spécificité à rallonge (#tarteaucitronRoot + #id + button)
 * ne sont pas de la coquetterie : la feuille de tarteaucitron est chargée APRÈS
 * celle-ci (elle est injectée par le JS en pied de page) et cible ses éléments par id.
 */

:root {
    --tac-black: #000000;
    --tac-white: #FFFFFF;
    --tac-yellow: #FFB800;
    --tac-border: rgba(255, 255, 255, 0.35);
}

/* ===========================
   Bandeau principal
   =========================== */
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: var(--tac-black) !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.45) !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 22px 30px !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    color: var(--tac-white) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* ===========================
   Boutons du bandeau
   =========================== */
#tarteaucitronRoot button {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
    font-size: 11px !important;
    padding: 10px 18px !important;
    margin: 0 4px !important;
}

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

/* Tout accepter — bouton primaire jaune */
#tarteaucitronRoot #tarteaucitronPersonalize2 {
    background: var(--tac-yellow) !important;
    color: var(--tac-black) !important;
    border: 1px solid var(--tac-yellow) !important;
}

#tarteaucitronRoot #tarteaucitronPersonalize2:hover {
    background: var(--tac-white) !important;
    border-color: var(--tac-white) !important;
}

/* Personnaliser / Tout refuser / Politique de confidentialité — boutons secondaires */
#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
    display: inline-block !important;
    background: transparent !important;
    color: var(--tac-white) !important;
    border: 1px solid var(--tac-border) !important;
    text-decoration: none !important;
}

#tarteaucitronRoot #tarteaucitronCloseAlert:hover,
#tarteaucitronRoot #tarteaucitronPersonalize:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl:hover {
    border-color: var(--tac-yellow) !important;
    color: var(--tac-yellow) !important;
}

/* ===========================
   Panneau de gestion des services
   =========================== */
#tarteaucitronRoot #tarteaucitron {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: 0 !important;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices,
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset,
#tarteaucitronRoot .tarteaucitronBorder {
    border-radius: 0 !important;
}

#tarteaucitronRoot #tarteaucitronBack {
    background: rgba(0, 0, 0, 0.8) !important;
}

#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3 {
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle {
    background: var(--tac-black) !important;
}

/* Boutons Autoriser / Refuser du panneau */
#tarteaucitronRoot .tarteaucitronAllow {
    background: var(--tac-yellow) !important;
    color: var(--tac-black) !important;
    border: none !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: var(--tac-black) !important;
    color: var(--tac-white) !important;
    border: none !important;
}

/* État actif d'un service : liseré jaune plutôt que le vert par défaut */
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow {
    box-shadow: inset 0 0 0 2px var(--tac-white) !important;
}

/* Logo tarteaucitron — masqué dans le panneau uniquement */
#tarteaucitronRoot #tarteaucitron img[src^="data:image/png;base64"] {
    display: none !important;
}

/* ===========================
   Z-index
   ===========================
   La barre CTA sticky (#cta) et le panneau d'accessibilité montent haut :
   le bandeau cookies doit rester au-dessus de tout.
   =========================== */
#tarteaucitronRoot {
    z-index: 1000000 !important;
    position: relative;
}

#tarteaucitronRoot #tarteaucitronBack {
    z-index: 1000000 !important;
}

#tarteaucitronRoot #tarteaucitron {
    z-index: 1000001 !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertSmall {
    z-index: 1000002 !important;
}

/* ===========================
   Responsive
   =========================== */
@media (max-width: 768px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
        padding: 16px !important;
        box-sizing: border-box !important;
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    /* Boutons empilés, pleine largeur */
    #tarteaucitronRoot #tarteaucitronAlertBig button {
        display: block !important;
        width: calc(100% - 20px) !important;
        box-sizing: border-box !important;
        margin: 6px 10px !important;
        text-align: center !important;
        font-size: 12px !important;
        padding: 12px 14px !important;
    }
}