/**
 * AubApp Cookieconsent — front.css
 * Chargé APRÈS tarteaucitron.css → surcharge par cascade + !important
 * quand tarteaucitron utilise des sélecteurs plus spécifiques.
 */

/* ============================================================
   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 ──────────────────────────────────────────────────
   Tarteaucitron utilise .tarteaucitronCTAButton (display:inline-block)
   On cible aussi par ID pour couvrir toutes les versions.
   ─────────────────────────────────────────────────────────── */
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 (sauf si color_bg surchargé via <style>) */
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;
}

/* ============================================================
   POPUP PERSONNALISATION
   Par défaut : panel blanc propre au lieu du fond noir Tarteaucitron.
   Les couleurs de config (color_bg, etc.) surchargent ensuite
   via le bloc <style> inline dans displayHeader.tpl.
   ============================================================ */

/* Panel principal — fond blanc */
#tarteaucitron {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.22) !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

/* Barre d'overlay derrière le panel — semi-transparente neutre */
#tarteaucitronBack {
    background: #000 !important;
    opacity: 0.45 !important;
}

/* Barre info / header du panel */
#tarteaucitronInfo {
    background-color: #333 !important;
    color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
    border: none !important;
}

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

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

/* Lignes services individuelles */
#tarteaucitron .tarteaucitronBorder {
    background-color: #fff !important;
    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;
}

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

/* Bouton "Politique de confidentialité" dans le panel de personnalisation */
#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;
}

/* Sous-titres de catégories dans le panel — tarteaucitron force color:#fff, on remet sombre sur fond clair */
#tarteaucitronRoot .tarteaucitronH2 {
    color: #333 !important;
}