/**
 * AubApp Cookieconsent — front.css
 * Chargé APRÈS tarteaucitron.css → surcharge par cascade + !important
 * quand tarteaucitron utilise des sélecteurs plus spécifiques.
 *
 * Principe : on ne touche PAS à la structure/layout de tarteaucitron
 * (le responsive mobile est géré par la lib). On surcharge uniquement
 * les couleurs et l'apparence visuelle.
 */

/* ============================================================
   BANNIÈRE — variantes popup (bottom-left, bottom-right, middle)
   ============================================================ */

/* Conteneur */
body.tac-popup-bottom-right #tarteaucitronAlertBig,
body.tac-popup-bottom-left  #tarteaucitronAlertBig,
body.tac-popup-middle       #tarteaucitronAlertBig {
    padding: 20px !important;
}

/* Texte disclaimer */
body.tac-popup-bottom-right #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
body.tac-popup-bottom-left  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
body.tac-popup-middle       #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

/* ── Boutons bannière (popup) ──────────────────────────────── */
body.tac-popup-bottom-right #tarteaucitronAlertBig .tarteaucitronCTAButton,
body.tac-popup-bottom-right #tarteaucitronAlertBig #tarteaucitronPersonalize2,
body.tac-popup-bottom-right #tarteaucitronAlertBig #tarteaucitronAllDenied2,
body.tac-popup-bottom-right #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body.tac-popup-bottom-left  #tarteaucitronAlertBig .tarteaucitronCTAButton,
body.tac-popup-bottom-left  #tarteaucitronAlertBig #tarteaucitronPersonalize2,
body.tac-popup-bottom-left  #tarteaucitronAlertBig #tarteaucitronAllDenied2,
body.tac-popup-bottom-left  #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body.tac-popup-middle       #tarteaucitronAlertBig .tarteaucitronCTAButton,
body.tac-popup-middle       #tarteaucitronAlertBig #tarteaucitronPersonalize2,
body.tac-popup-middle       #tarteaucitronAlertBig #tarteaucitronAllDenied2,
body.tac-popup-middle       #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    display: block !important;
    width: 100% !important;
    margin: 5px 0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    float: none !important;
}

/* Bouton "Personnaliser" — gris clair */
body.tac-popup-bottom-right #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body.tac-popup-bottom-left  #tarteaucitronAlertBig #tarteaucitronCloseAlert,
body.tac-popup-middle       #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background-color: #e4e4e4 !important;
    color: #555 !important;
    font-weight: 500 !important;
    border: none !important;
}

/* ============================================================
   BANNIÈRE — positions
   ============================================================ */

body.tac-popup-top #tarteaucitronAlertBig {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

body.tac-popup-middle #tarteaucitronAlertBig {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: min(400px, calc(100vw - 40px)) !important;
    min-width: 280px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25) !important;
}

body.tac-popup-bottom-right #tarteaucitronAlertBig {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    top: auto !important;
    left: auto !important;
    width: 320px !important;
    max-width: calc(100vw - 40px) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.20) !important;
}

body.tac-popup-bottom-left #tarteaucitronAlertBig {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    top: auto !important;
    right: auto !important;
    width: 320px !important;
    max-width: calc(100vw - 40px) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.20) !important;
}

/* ============================================================
   PANNEAU DE PERSONNALISATION — couleurs uniquement
   On laisse tarteaucitron gérer toute la structure et le responsive.
   ============================================================ */

/* Panel — fond blanc au lieu du noir par défaut */
#tarteaucitron {
    background-color: #ffffff !important;
}

/* Overlay — semi-transparent neutre */
#tarteaucitronBack {
    background: #000 !important;
    opacity: 0.45 !important;
}

/* Header du panel */
#tarteaucitronInfo {
    background-color: #333 !important;
    color: #fff !important;
    border: none !important;
}

/* Zone services — fond clair */
#tarteaucitronServices {
    background-color: #f8f8f8 !important;
}

/* Bordures */
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron .tarteaucitronBorder,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
    border-color: #e0e0e0 !important;
}

/* Lignes services — fond blanc */
#tarteaucitron .tarteaucitronBorder {
    background-color: #fff !important;
    color: #333 !important;
}

/* Boutons allow/deny — opacité pleine */
.tarteaucitronLine .tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronDeny {
    opacity: 1 !important;
}

/* Sous-titres de catégories — texte sombre sur fond clair */
#tarteaucitronRoot .tarteaucitronH2 {
    color: #333 !important;
}

/* Lien politique de confidentialité dans la bannière */
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    display: inline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: normal !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    opacity: 0.85;
    width: auto !important;
    float: none !important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
    opacity: 1;
    text-decoration: underline !important;
}

/* Bouton "Politique de confidentialité" dans le panel */
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    display: inline-block !important;
    background-color: #6c757d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: inherit !important;
    font-weight: normal !important;
    text-decoration: none !important;
    cursor: pointer !important;
    opacity: 1 !important;
}
#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover {
    background-color: #5a6268 !important;
    text-decoration: none !important;
}

/* ============================================================
   CHECKBOXES — override CDN (☑ violet → ✓ neutre)
   ============================================================ */
html #tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before,
html #tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
html #tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before {
    content: "✓" !important;
}