/**
 * Surcharge du CSS tarteaucitron.js aux couleurs MisterGoodLink.
 * A charger APRES tarteaucitron.min.css.
 *
 * Palette :
 *   - Bleu fonce (primaire)  : #435ebe   (.text-mgl-dark)
 *   - Bleu clair (secondaire): #41bbde   (.text-mgl-light)
 *   - Texte fonce            : #1f2937
 *   - Texte secondaire       : #6b7280
 *   - Fond panneau           : #ffffff
 *   - Fond services          : #f8fafc
 *   - Bordures               : #e5e7eb
 */

/* ============== Fond/overlay derriere la modale ============== */
#tarteaucitronRoot div#tarteaucitronAlertBig::before {
    background: rgba(15, 23, 42, 0.65);
}

/* ============== Modale principale (orientation: middle) ============== */
#tarteaucitronRoot div#tarteaucitronAlertBig {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25) !important;
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    padding: 32px !important;
    max-width: 640px !important;
}

/* Titre / emojis de la modale : fond blanc garanti */
#tarteaucitronRoot.tarteaucitronSize-middle #tarteaucitronAlertBig::before,
#tarteaucitronRoot.tarteaucitronSize-popup #tarteaucitronAlertBig::before {
    background: #ffffff !important;
    color: #435ebe !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    display: block !important;
    padding: 16px 32px 0 32px !important;
    border-radius: 12px 12px 0 0 !important;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong {
    color: #1f2937 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* ============== Boutons (Tout accepter / Tout refuser / Personnaliser) ============== */
#tarteaucitronRoot button.tarteaucitronCTAButton,
#tarteaucitronRoot button#tarteaucitronCloseAlert,
#tarteaucitronRoot button#tarteaucitronPrivacyUrl {
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease !important;
    border: none !important;
    margin: 4px !important;
}

#tarteaucitronRoot button.tarteaucitronCTAButton:hover,
#tarteaucitronRoot button#tarteaucitronCloseAlert:hover,
#tarteaucitronRoot button#tarteaucitronPrivacyUrl:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(67, 94, 190, 0.25);
}

/* Bouton "Tout accepter" (vert par defaut) -> bleu fonce MGL */
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllAllowed2,
#tarteaucitronRoot .tarteaucitronAllow {
    background-color: #435ebe !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitronAllAllowed:hover,
#tarteaucitronRoot #tarteaucitronAllAllowed2:hover {
    background-color: #364c9c !important;
}

/* Bouton "Tout refuser" (rouge par defaut) -> gris neutre */
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitronAllDenied2,
#tarteaucitronRoot .tarteaucitronDeny {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    border: 1px solid #e5e7eb !important;
}

#tarteaucitronRoot #tarteaucitronAllDenied:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:hover {
    background-color: #e5e7eb !important;
}

/* "Personnaliser" -> lien texte, pas un bouton */
#tarteaucitronRoot #tarteaucitronCloseAlert {
    background-color: transparent !important;
    color: #435ebe !important;
    text-decoration: underline !important;
    padding: 10px 12px !important;
    font-weight: 600 !important;
}

#tarteaucitronRoot #tarteaucitronCloseAlert:hover {
    background-color: transparent !important;
    color: #364c9c !important;
    box-shadow: none !important;
    transform: none !important;
}

#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
    background-color: transparent !important;
    color: #41bbde !important;
    text-decoration: underline !important;
}

#tarteaucitronRoot #tarteaucitronPrivacyUrl:hover,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog:hover {
    background-color: rgba(65, 187, 222, 0.08) !important;
    color: #2ea0c0 !important;
}

/* ============== Panneau detaille (Personnaliser) ============== */
#tarteaucitronRoot #tarteaucitron {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25) !important;
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

#tarteaucitronRoot #tarteaucitronServices {
    background: #f8fafc !important;
}

#tarteaucitronRoot .tarteaucitronTitle button,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot #tarteaucitronInfo {
    color: #1f2937 !important;
    font-family: 'Nunito', sans-serif !important;
}

#tarteaucitronRoot .tarteaucitronH3 {
    color: #435ebe !important;
}

#tarteaucitronRoot #tarteaucitronInfo {
    background: #f8fafc !important;
    color: #6b7280 !important;
    border-left: 3px solid #41bbde !important;
}

/* Lignes de services (Google Ads, GA4, Hotjar, Poptin) */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine {
    border-left: 3px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: border-left-color 200ms ease;
}

#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-left-color: #435ebe !important;
}

#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-left-color: #ef4444 !important;
}

#tarteaucitronRoot .tarteaucitronName,
#tarteaucitronRoot .tarteaucitronName .tarteaucitronH3 {
    color: #1f2937 !important;
}

#tarteaucitronRoot .tarteaucitronAsk {
    color: #1f2937 !important;
}

/* Boutons "Autoriser" / "Interdire" par service */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronDeny {
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    margin: 2px !important;
}

/* Header / footer du panneau */
#tarteaucitronRoot #tarteaucitronMainLineOffset {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Boutons custom dans #tarteaucitronSave (replace "Enregistrer") */
#tarteaucitronRoot #tarteaucitronSave.mgl-customized {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 14px 26px !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    text-align: right !important;
    /* Reste visible en bas de la zone de defilement, sans avoir a scroller */
    position: sticky !important;
    bottom: 0 !important;
    z-index: 3 !important;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.06) !important;
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized button {
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border: none !important;
    cursor: pointer !important;
    transition: transform 150ms ease, background 150ms ease !important;
    width: auto !important;
    margin: 0 !important;
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized button:hover {
    transform: translateY(-1px);
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized .mgl-btn-accept {
    background-color: #435ebe !important;
    color: #ffffff !important;
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized .mgl-btn-accept:hover {
    background-color: #364c9c !important;
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized .mgl-btn-deny {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
    border: 1px solid #e5e7eb !important;
}

#tarteaucitronRoot #tarteaucitronSave.mgl-customized .mgl-btn-deny:hover {
    background-color: #e5e7eb !important;
}

/* Label "ALLOWED" / "DISALLOWED" en haut a droite de chaque service */
#tarteaucitronRoot .tarteaucitronStatusInfo[data-status="ALLOWED"],
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronStatusInfo {
    color: #435ebe !important;
}

/* ============== Mini bandeau d'info en haut (apres choix) ============== */
#tarteaucitronAlertSmall {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1) !important;
    color: #1f2937 !important;
    font-family: 'Nunito', sans-serif !important;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #435ebe !important;
    background: transparent !important;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(67, 94, 190, 0.08) !important;
}

/* ============== Coup de propre : panneau detaille ============== */
/* Carte centree, largeur maitrisee, coins arrondis, ombre douce */
#tarteaucitronRoot #tarteaucitron {
    max-width: 680px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28) !important;
}

/* En-tete du panneau */
#tarteaucitronRoot #tarteaucitronMainLineOffset {
    padding: 22px 26px !important;
    border-bottom: 1px solid #e5e7eb !important;
}
#tarteaucitronRoot .tarteaucitronH1 {
    color: #1f2937 !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-align: left !important;
    display: block !important;
}

/* Bouton "Fermer" (haut droite) : pastille grise simple et visible */
#tarteaucitronRoot #tarteaucitronClosePanel {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    height: auto !important;
    width: auto !important;
    line-height: 1.2 !important;
    z-index: 10 !important;
    transition: background 150ms ease !important;
}
#tarteaucitronRoot #tarteaucitronClosePanel:hover {
    background: #e5e7eb !important;
}

/* Zone de contenu : defilement interne si la liste est longue */
#tarteaucitronRoot #tarteaucitronServices {
    max-height: 62vh !important;
    overflow-y: auto !important;
}

/* Enleve la bordure verte par defaut autour de la liste */
#tarteaucitronRoot .tarteaucitronBorder {
    border: 0 !important;
}

/* Entetes de categorie ("Cookies obligatoires", "Mesure d'audience") */
#tarteaucitronRoot .tarteaucitronTitle {
    margin: 0 !important;
}
#tarteaucitronRoot .tarteaucitronTitle button {
    width: 100% !important;
    text-align: left !important;
    padding: 16px 26px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    background: #eef2f7 !important;
    color: #1f2937 !important;
    border: 0 !important;
    transition: background 150ms ease !important;
}
#tarteaucitronRoot .tarteaucitronTitle button:hover {
    background: #e3e9f2 !important;
}

/* Lignes de service : de l'air mais compact, separateur discret */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine {
    padding: 14px 26px !important;
    min-height: 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
}

/* Bloc "obligatoires" : reduit la hauteur perdue */
#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronLine {
    padding: 12px 26px !important;
}
#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronName {
    min-height: 0 !important;
    margin: 0 !important;
}

/* Espaceur bas de liste : inutile avec la barre collante */
#tarteaucitronRoot #tarteaucitronScrollbarChild,
#tarteaucitronRoot .tarteaucitron-spacer-20 {
    display: none !important;
}

/* Texte d'introduction du panneau (fix debordement a droite) */
#tarteaucitronRoot #tarteaucitronInfo {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 16px 26px !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    overflow: visible !important;
}

/* Boutons Autoriser / Interdire : radius aligne sur le front */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronDeny {
    border-radius: 8px !important;
    padding: 8px 14px !important;
}

/* ============== Responsive (mobile) ============== */
@media screen and (max-width: 600px) {
    #tarteaucitronRoot div#tarteaucitronAlertBig {
        padding: 24px !important;
        margin: 16px !important;
    }

    #tarteaucitronRoot button.tarteaucitronCTAButton,
    #tarteaucitronRoot button#tarteaucitronCloseAlert,
    #tarteaucitronRoot button#tarteaucitronPrivacyUrl {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 !important;
    }

    #tarteaucitronRoot #tarteaucitron {
        max-width: 94% !important;
    }
    #tarteaucitronRoot #tarteaucitronServices {
        max-height: 70vh !important;
    }
}