/*
 * Nomacast - theme CMP (surcharge de tarteaucitron.css).
 * Charge APRES css/tarteaucitron.css pour gagner en priorite.
 *
 * Couleurs/typo via les variables :root de la charte (definies inline dans
 * chaque page), avec fallback en dur. Aucun emoji, aucun picto : les pastilles
 * check/croix natives sont masquees. Le theme de base utilise du jaune #fbd600
 * sur quasiment tous les boutons : on surcharge largement en !important.
 */

/* ===================== Typo globale du widget ===================== */
#tarteaucitronRoot,
#tarteaucitronRoot #tarteaucitron,
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitron * {
    font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3,
#tarteaucitronRoot #dialogTitle,
#tarteaucitronRoot .tarteaucitronTitle button {
    font-family: var(--font-head, 'Outfit', system-ui, sans-serif) !important;
}

/* ===================== Masquer les pictogrammes natifs ===================== */
#tarteaucitronRoot .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronCross,
#tarteaucitronRoot .tarteaucitronPlus,
#tarteaucitronRoot #tarteaucitronDot {
    display: none !important;
}

/* ===================== Bandeau bas ===================== */
#tarteaucitronRoot #tarteaucitronAlertBig {
    background: var(--navy, #0b1929) !important;
    color: #f3f6fa !important;
    border-top: 3px solid var(--cyan, #5A98D6) !important;
    box-shadow: 0 -4px 24px rgba(11, 25, 41, .35) !important;
    padding: 18px clamp(20px, 5vw, 48px) !important;
    line-height: 1.5 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #f3f6fa !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* ===================== Boutons : base commune ===================== */
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitronSaveButton,
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronCloseAlert {
    font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 10px 18px !important;
    margin: 4px 5px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    text-shadow: none !important;
    transition: background-color .18s ease, box-shadow .18s ease, color .18s ease, border-color .18s ease !important;
}

/* ===================== AUTORISER / TOUT ACCEPTER (cyan) ===================== */
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronSaveButton,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background: var(--cyan, #5A98D6) !important;
    background-color: var(--cyan, #5A98D6) !important;
    color: #ffffff !important;
    border: 1px solid var(--cyan, #5A98D6) !important;
}
#tarteaucitronRoot .tarteaucitronAllow:hover,
#tarteaucitronRoot #tarteaucitronAllAllowed:hover,
#tarteaucitronRoot #tarteaucitronSaveButton:hover {
    background: var(--cyan-hover, #407DB8) !important;
    background-color: var(--cyan-hover, #407DB8) !important;
    border-color: var(--cyan-hover, #407DB8) !important;
}

/* ===================== INTERDIRE / TOUT REFUSER (neutre) ===================== */
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitronAllDenied,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: var(--ink-muted, #4d6b8a) !important;
    border: 1px solid var(--border, #dae4f0) !important;
}
#tarteaucitronRoot .tarteaucitronDeny:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover {
    border-color: var(--cyan, #5A98D6) !important;
    color: var(--cyan, #5A98D6) !important;
}

/* ===================== Boutons specifiques au bandeau bas ===================== */
/* Accepter (CTA principal) : cyan + ombre charte */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    background: var(--cyan, #5A98D6) !important;
    background-color: var(--cyan, #5A98D6) !important;
    color: #ffffff !important;
    border: 1px solid var(--cyan, #5A98D6) !important;
    box-shadow: 0 2px 6px rgba(14, 165, 233, .35) !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
    background-color: var(--cyan-hover, #407DB8) !important;
    box-shadow: 0 6px 16px rgba(14, 165, 233, .55) !important;
}
/* Refuser (sur fond navy) : contour clair */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
    background: transparent !important;
    background-color: transparent !important;
    color: #f3f6fa !important;
    border: 1px solid rgba(243, 246, 250, .45) !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2:hover {
    background-color: rgba(243, 246, 250, .12) !important;
    border-color: rgba(243, 246, 250, .8) !important;
}
/* Personnaliser : lien texte discret */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background: transparent !important;
    color: #c7d8ec !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
    color: #ffffff !important;
}

/* ===================== Panneau detaille ===================== */
/* En-tete + corps : panneau clair, texte lisible (encre foncee) */
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #ffffff !important;
}
#tarteaucitronRoot #tarteaucitron #dialogTitle,
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronH2 {
    color: var(--ink, #1e3a5f) !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitron #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo strong {
    color: var(--ink-muted, #4d6b8a) !important;
}
/* Corps : titres de categorie et services en encre foncee */
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: #ffffff !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle span,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronH2,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName .tarteaucitronH3 {
    color: var(--ink, #1e3a5f) !important;
}
/* Ligne service active : liseret cyan (au lieu du jaune) */
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: var(--cyan, #5A98D6) !important;
}
/* Bouton Fermer (haut) */
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
    background: var(--cyan, #5A98D6) !important;
    color: #ffffff !important;
}
/* Liens "Politique de confidentialite" (bandeau + panneau) en cyan, pas jaune */
#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
    background: transparent !important;
    color: var(--cyan, #5A98D6) !important;
    border: 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    color: var(--cyan, #5A98D6) !important;
}

/* ===================== Bouton de reouverture (texte, bas gauche) ===================== */
#nomacastCookiesReopen {
    position: fixed !important;
    left: 14px !important;
    bottom: 14px !important;
    z-index: 2147483645 !important;
    background: #ffffff !important;
    color: var(--ink-muted, #4d6b8a) !important;
    border: 1px solid var(--border, #dae4f0) !important;
    border-radius: 999px !important;
    padding: 7px 14px !important;
    font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(11, 25, 41, .12) !important;
    opacity: .75 !important;
    transition: opacity .18s ease, color .18s ease, border-color .18s ease !important;
}
#nomacastCookiesReopen:hover,
#nomacastCookiesReopen:focus-visible {
    opacity: 1 !important;
    color: var(--cyan, #5A98D6) !important;
    border-color: var(--cyan, #5A98D6) !important;
}

@media (max-width: 600px) {
    #tarteaucitronRoot #tarteaucitronAlertBig { padding: 14px 18px !important; }
    #nomacastCookiesReopen { left: 10px !important; bottom: 10px !important; }
}