/* ================================================================
 * SURCHARGE PALETTE THF — TARTEAUCITRON
 * Version POC · 13/05/2026 · Leo
 * Palette : Ébène / Laiton / Cuivre / Ambre / Ivoire / Forêt
 * ================================================================ */

:root {
    --thf-ebony:  #1A1814;
    --thf-brass:  #C9A961;
    --thf-copper: #B87333;
    --thf-amber:  #D4A044;
    --thf-ivory:  #F5F0E1;
    --thf-forest: #2C4A3E;
}

/* ---------- BANDEAU PRINCIPAL ---------- */
#tarteaucitronAlertBig {
    background: var(--thf-ebony) !important;
    color: var(--thf-ivory) !important;
    border-top: 1px solid var(--thf-copper) !important;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.5) !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    padding: 24px 32px !important;
        position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999999 !important;

}

#tarteaucitronAlertBig span,
#tarteaucitronAlertBig p {
    color: var(--thf-ivory) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

#tarteaucitronAlertBig strong {
    color: var(--thf-brass) !important;
}

/* ---------- BOUTONS ---------- */
#tarteaucitronAlertBig button,
.tarteaucitronAllow,
.tarteaucitronDeny,
#tarteaucitronCloseAlert,
#tarteaucitronPrivacyUrl {
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 11px 22px !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* "Tout accepter" — bouton ambré dominant */
#tarteaucitronPersonalize2,
.tarteaucitronAllow {
    background: var(--thf-amber) !important;
    color: var(--thf-ebony) !important;
    border: 1px solid var(--thf-amber) !important;
    font-weight: 600 !important;
}
#tarteaucitronPersonalize2:hover,
.tarteaucitronAllow:hover {
    background: var(--thf-brass) !important;
    border-color: var(--thf-brass) !important;
}

/* "Tout refuser" — contour ivoire */
#tarteaucitronAllDenied2,
.tarteaucitronDeny {
    background: transparent !important;
    color: var(--thf-ivory) !important;
    border: 1px solid var(--thf-ivory) !important;
}
#tarteaucitronAllDenied2:hover,
.tarteaucitronDeny:hover {
    background: var(--thf-ivory) !important;
    color: var(--thf-ebony) !important;
}

/* "Personnaliser" — souligné laiton, sobre */
#tarteaucitronCloseAlert {
    background: transparent !important;
    color: var(--thf-brass) !important;
    border: none !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}
#tarteaucitronCloseAlert:hover {
    color: var(--thf-amber) !important;
}

/* ---------- PANNEAU DÉTAILLÉ ---------- */
#tarteaucitron {
    background: var(--thf-ebony) !important;
    color: var(--thf-ivory) !important;
    font-family: Georgia, serif !important;
    border-left: 1px solid var(--thf-copper) !important;
}

#tarteaucitron #tarteaucitronClosePanel {
    background: var(--thf-copper) !important;
    color: var(--thf-ivory) !important;
}

#tarteaucitron .tarteaucitronLine {
    border-bottom: 1px solid rgba(184, 115, 51, 0.2) !important;
    background: var(--thf-ebony) !important;
    color: var(--thf-ivory) !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronName {
    color: var(--thf-ivory) !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronAsk button.tarteaucitronAllow {
    background: var(--thf-amber) !important;
    color: var(--thf-ebony) !important;
}

#tarteaucitron .tarteaucitronLine .tarteaucitronAsk button.tarteaucitronDeny {
    background: transparent !important;
    color: var(--thf-ivory) !important;
    border: 1px solid var(--thf-ivory) !important;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronInfo a {
    color: var(--thf-brass) !important;
    background: transparent !important;
}

#tarteaucitron .tarteaucitronTitle button {
    background: var(--thf-forest) !important;
    color: var(--thf-ivory) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-family: Georgia, serif !important;
}

/* ---------- ICÔNE FLOTTANTE (réouverture) ---------- */
#tarteaucitronIcon {
    background: var(--thf-ebony) !important;
    border: 1px solid var(--thf-brass) !important;
}
#tarteaucitronIcon img {
    filter: sepia(50%) hue-rotate(0deg) saturate(140%) brightness(0.9);
}

/* ---------- ALERTES (allowed/disallowed) ---------- */
.tarteaucitronIsAllowed { color: var(--thf-amber) !important; }
.tarteaucitronIsDenied  { color: var(--thf-copper) !important; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 720px) {
    #tarteaucitronAlertBig {
        padding: 16px 18px !important;
    }
    #tarteaucitronAlertBig button {
        margin: 4px 4px !important;
        padding: 9px 14px !important;
    }
}

/* ================================================================
 * THF Tarteaucitron — overrides v2 25/05/2026
 * Mode "manualBlock + footer link" JUR-008 §3
 * ================================================================ */

/* 3.1 — Cacher le bandeau natif au pageload (l'accès se fait via Footer link) */
#tarteaucitronAlertBig,
#tarteaucitronAlertSmall,
.tarteaucitronAlertBig,
.tarteaucitronAlertSmall {
    display: none !important;
}

/* 3.2 — Modal centrée, fond Ébène cohérent palette Option A */
#tarteaucitronRoot div#tarteaucitron {
    background-color: #1C1410;
    color: #F5EDD0;
    font-family: 'Cormorant Garamond', Garamond, serif;
}

#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot button.tarteaucitronCTAButton {
    background-color: transparent;
    color: #F5EDD0;
    border: 1px solid #8B6914;
    font-family: 'Cormorant Garamond', Garamond, serif;
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 20px;
    transition: all 200ms ease-out;
}

/* 3.3 — VISIBILITÉ ÉQUIVALENTE "Tout accepter" / "Tout refuser" (JUR-008 §3.3 C3.c)
   Point critique CNIL : visuellement, refuser doit être aussi accessible qu'accepter.
   Même taille, même couleur de fond, même padding, même contraste.
   A3.bis (22/05 21h57 — PL-D036) — !important + min-width + padding + box-sizing pour
   battre les inline styles JS posés par Tarteaucitron en cascade (cf. test #5 Alex 18h12 :
   Allow 226px Ambre filled vs Deny 196px transparent). Cible computed style identique. */
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied {
    background-color: #1C1410 !important;
    color: #F5EDD0 !important;
    border: 1px solid #8B6914 !important;
    min-width: 240px !important;
    padding: 12px 20px !important;
    box-sizing: border-box !important;
}

#tarteaucitronRoot #tarteaucitronAllAllowed:hover,
#tarteaucitronRoot #tarteaucitronAllDenied:hover {
    background-color: #D4860A !important;        /* Ambre — feedback hover */
    color: #1C1410 !important;
    border-color: #D4860A !important;
}

#tarteaucitronRoot #tarteaucitronAllAllowed:focus-visible,
#tarteaucitronRoot #tarteaucitronAllDenied:focus-visible {
    outline: 2px solid #D4860A !important;
    outline-offset: 2px !important;
}

/* 3.4 — Catégories : titre Laiton, description Ivoire */
#tarteaucitronRoot .tarteaucitronTitle,
#tarteaucitronRoot .tarteaucitronDetails {
    color: #F5EDD0;
}
#tarteaucitronRoot .tarteaucitronH3 {
    color: #8B6914;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* 3.5 — Toggle ON/OFF par catégorie : OFF par défaut visible */
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny {
    background-color: transparent;
    color: #8B6914;
    border: 1px solid #8B6914;
    transition: all 200ms ease-out;
}
#tarteaucitronRoot .tarteaucitronAllow.tarteaucitronIsAllowed,
#tarteaucitronRoot .tarteaucitronDeny.tarteaucitronIsDenied {
    background-color: #D4860A;
    color: #1C1410;
    border-color: #D4860A;
}

/* 3.6 — Lien Préférences cookies dans Footer (cohérence Hector S3 §5.2 col 3) */
.cookies-prefs {
    background: none;
    border: 1px solid #8B6914;
    color: #F5EDD0;
    font-family: inherit;
    font-size: 13px;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 200ms ease-out;
}
.cookies-prefs:hover,
.cookies-prefs:focus-visible {
    background-color: #D4860A;
    color: #1C1410;
    border-color: #D4860A;
    outline: none;
}

/* 3.7 — Reduced motion (cohérent WCAG 2.3.3 variables S2) */
@media (prefers-reduced-motion: reduce) {
    #tarteaucitronRoot *,
    .cookies-prefs {
        transition-duration: 0ms !important;
    }
}

/* ─── 3.8 Affordance clickable bouton "Gestion des services" (Leo Item 1 v7 · arbitrage PL Option B' 26/05/2026 21h10) ───
   Le bouton .tarteaucitron-toggle-group toggle l'expand/collapse des groupes de services.
   Tarteaucitron natif lui donne color:#333 sur fond ébène = contraste 1.33:1 FAIL WCAG AA.
   Override visuel pour signaler affordance clickable (cursor:pointer natif préservé) :
   - color Laiton #8B6914 (palette THF)
   - font-style italic (cohérent links/secondary)
   - text-decoration underline 1px (affordance click claire)
   - :hover/:focus-visible → Ambre #D4860A (cohérent autres CTAs THF) */
.tarteaucitron-toggle-group {
    color: #8B6914 !important;
    font-style: italic !important;
    text-decoration: underline !important;
}
.tarteaucitron-toggle-group:hover,
.tarteaucitron-toggle-group:focus-visible {
    color: #D4860A !important;
    outline: none;
}