/**
 * Styles personnalisés pour tarteaucitron.js
 * Adaptation des couleurs au thème ybadvice
 */

/* ============================================
   CORRECTION DU POSITIONNEMENT DU POPUP
   ============================================ */

/* Fix pour le popup middle qui s'affiche à gauche puis se recentre */
body #tarteaucitronRoot.tarteaucitronSize-middle div#tarteaucitronAlertBig {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 60% !important;
    min-width: 285px !important;
    max-width: 800px !important;
    height: fit-content !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px !important;
    padding: 35px 25px !important;
    z-index: 2147483647 !important;
}

/* Fix pour le panneau de contrôle */
#tarteaucitron {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    z-index: 2147483648 !important; /* Au-dessus du popup initial */
}

/* Cacher le popup initial quand le panneau de personnalisation est ouvert */
/* Cette classe sera ajoutée par JavaScript quand le panneau s'ouvre */
body.tac-panel-open #tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot.tac-panel-open #tarteaucitronAlertBig {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================
   PERSONNALISATION DES COULEURS
   ============================================ */

/* Couleurs principales du thème */
:root {
    --tac-primary: #4A9EFF;
    --tac-primary-dark: #357ABD;
    --tac-bg-dark: rgba(0, 0, 0, 0.95);
    --tac-bg-overlay: rgba(0, 0, 0, 0.7);
    --tac-text: #ffffff;
    --tac-text-light: rgba(255, 255, 255, 0.8);
    --tac-border: rgba(74, 158, 255, 0.3);
}

/* Fond du popup principal */
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: var(--tac-bg-dark) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid var(--tac-border) !important;
    color: var(--tac-text) !important;
}

/* Texte dans le popup */
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert .tarteaucitronPartnersList * {
    color: var(--tac-text) !important;
}

/* Boutons principaux (Accepter, Personnaliser, etc.) */
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitronRoot button.tarteaucitronCTAButton {
    background: linear-gradient(135deg, var(--tac-primary) 0%, var(--tac-primary-dark) 100%) !important;
    color: var(--tac-text) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(74, 158, 255, 0.4) !important;
    transition: all 0.3s ease !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
#tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
#tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
.tarteaucitronCTAButton:hover,
#tarteaucitronRoot button.tarteaucitronCTAButton:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(74, 158, 255, 0.6) !important;
}

/* Panneau de contrôle - Fond */
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: var(--tac-bg-dark) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid var(--tac-border) !important;
    color: var(--tac-text) !important;
}

/* Titres dans le panneau */
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo {
    color: var(--tac-text) !important;
}

/* Titres de catégories avec compteurs (ex: "Manage services (1)") */
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle span,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle *,
span.tarteaucitronTitle.tarteaucitronH3,
span.tarteaucitronTitle.tarteaucitronH3 *,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button * {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Compteurs dans les titres de catégories */
#tarteaucitron #tarteaucitronServices [id^="tarteaucitronCounter"],
#tarteaucitron #tarteaucitronServices span[id^="tarteaucitronCounter"],
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle [id^="tarteaucitronCounter"] {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Boutons Accepter/Refuser dans le panneau */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: linear-gradient(135deg, var(--tac-primary) 0%, var(--tac-primary-dark) 100%) !important;
    color: var(--tac-text) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover,
#tarteaucitronRoot .tarteaucitronAllow:hover,
#tarteaucitronRoot .tarteaucitronDeny:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.5) !important;
}

/* État actif des boutons */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
    background: linear-gradient(135deg, var(--tac-primary) 0%, var(--tac-primary-dark) 100%) !important;
    opacity: 1 !important;
    box-shadow: 0 4px 12px rgba(74, 158, 255, 0.6) !important;
}

/* Bordures des lignes actives */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-left-color: var(--tac-primary) !important;
    border-left-width: 4px !important;
}

/* Noms des services */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    color: var(--tac-text) !important;
}

/* Hover sur les lignes */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(74, 158, 255, 0.1) !important;
}

/* Bouton de fermeture du panneau */
#tarteaucitron #tarteaucitronClosePanel {
    background: rgba(74, 158, 255, 0.2) !important;
    color: var(--tac-text) !important;
    border: 1px solid var(--tac-border) !important;
}

#tarteaucitron #tarteaucitronClosePanel:hover {
    background: rgba(74, 158, 255, 0.3) !important;
}

/* Fond du panneau de contrôle */
#tarteaucitronBack {
    background: var(--tac-bg-overlay) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Overlay du popup middle */
html body.tarteaucitron-modal-open div#tarteaucitronRoot::before,
html body .tarteaucitronSize-middle.tarteaucitronBeforeVisible::before {
    background: var(--tac-bg-overlay) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Bouton de sauvegarde */
html body #tarteaucitronRoot button#tarteaucitronSaveButton {
    background: linear-gradient(135deg, var(--tac-primary) 0%, var(--tac-primary-dark) 100%) !important;
    color: var(--tac-text) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(74, 158, 255, 0.4) !important;
}

html body #tarteaucitronRoot button#tarteaucitronSaveButton:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(74, 158, 255, 0.6) !important;
}

/* Zone de sauvegarde */
html body #tarteaucitronRoot div#tarteaucitronSave {
    background: var(--tac-bg-dark) !important;
    border-top: 1px solid var(--tac-border) !important;
}

/* Liste des cookies */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color: var(--tac-text-light) !important;
}

/* Descriptions des catégories - Forcer le texte blanc/clair */
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"],
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] *,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName * {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Tous les textes dans les détails de catégories (comme "APIs are used to load scripts...") */
#tarteaucitron #tarteaucitronServices [id^="tarteaucitronDetails"] {
    color: rgba(255, 255, 255, 0.95) !important;
    background: var(--tac-bg-dark) !important;
}

#tarteaucitron #tarteaucitronServices [id^="tarteaucitronDetails"] * {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Détails des services */
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronInfo {
    background: var(--tac-bg-dark) !important;
    border: 1px solid var(--tac-border) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Descriptions des catégories et services - Texte clair (blanc) */
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline),
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"],
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails *,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronInfo *,
#tarteaucitronRoot #tarteaucitronInfo p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Textes de description dans les lignes de services et catégories */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine p,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine span:not(.tarteaucitronName):not(.tarteaucitronH2):not(.tarteaucitronH3),
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine p,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine span:not(.tarteaucitronName):not(.tarteaucitronH2):not(.tarteaucitronH3),
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName span:not(.tarteaucitronH2):not(.tarteaucitronH3),
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName span:not(.tarteaucitronH2):not(.tarteaucitronH3) {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Tous les textes généraux dans le panneau de contrôle (sauf exceptions) */
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron #tarteaucitronServices {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Exceptions pour les titres et noms de services (blanc pur) */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    color: var(--tac-text) !important; /* Blanc pur pour les titres */
}

/* Responsive - Mobile */
@media screen and (max-width: 900px) {
    body #tarteaucitronRoot.tarteaucitronSize-middle div#tarteaucitronAlertBig {
        width: 90% !important;
        min-width: 280px !important;
        padding: 25px 20px !important;
    }
}
.tarteaucitron-toggle-group {
    color: var(--tac-text) !important;
}