/* CMP — habillage tarteaucitron à la charte « Demain le Sport ».
   Fichier statique chargé par les pages (<link>), 100% identique partout.
   Source de vérité : ce fichier (plus dans render-from-cms.mjs). Édition directe
   = pas besoin de re-rendre les pages (elles ne font que le lier). Invalidé au
   déploiement par la purge Fastly, comme assets/css/site.css.
   Marqueur historique conservé : CMP:DLS-THEME. */
/* CMP:DLS-THEME */
  /* ---- Bases : police + couleur de texte claire dans tout le widget ---- */
  #tarteaucitronRoot *, #tarteaucitronAlertBig *, #tarteaucitronAlertSmall * {
    font-family: 'Inter', system-ui, sans-serif !important;
  }
  #tarteaucitronRoot #tarteaucitron *,
  #tarteaucitronRoot #tarteaucitronAlertBig * { color: #f4f1ea !important; }
  /* Helper de label « éditorial » réutilisé partout */

  /* ============================================================
     1) VOILE DE FOND
     ============================================================ */
  #tarteaucitronRoot #tarteaucitronBack {
    background: #030c28 !important; opacity: .92 !important;
    backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
  }
  #tarteaucitronRoot.tarteaucitronBeforeVisible::before,
  html body.tarteaucitron-modal-open div#tarteaucitronRoot::before {
    background: rgba(3,12,40,.92) !important; opacity: 1 !important;
    backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
  }

  /* ============================================================
     2) BANNIÈRE (bas de page)
     ============================================================ */
  /* Bannière transformée en CARTE FLOTTANTE arrondie (détachée des bords) :
     surface en dégradé, fine bordure jaune + halo doux, ombre profonde et
     diffuse → lecture « moderne » (toast/carte) au lieu d'une barre pleine
     largeur à bord franc. Centrée, plafonnée en largeur, soulevée du bas. */
  #tarteaucitronRoot #tarteaucitronAlertBig {
    background-color: #082ee0 !important;
    background-image: linear-gradient(180deg, rgba(4,12,40,.30), rgba(5,23,111,.78)), url("../img/bg-body.png") !important;
    background-size: cover, 100% auto !important;
    background-position: center, top center !important;
    background-repeat: no-repeat, no-repeat !important;
    border: 1px solid rgba(255,227,117,.22) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px -16px rgba(0,0,0,.7), 0 0 0 1px rgba(255,227,117,.06) !important;
    text-align: left !important; padding: 24px 28px !important;
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
    width: calc(100% - 32px) !important; max-width: 1100px !important;
    bottom: 16px !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 14px !important; line-height: 1.55 !important;
    max-width: 1180px; margin: 0 auto !important; display: block !important;
  }
  /* Boutons de bannière — signature DLS « .cta-primary » : Anton italique,
     coins arrondis + léger soulèvement au survol, remplissage bone → jaune
     (primaire) / contour clair (secondaire). */
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied,
  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton {
    font-family: 'Anton', Impact, sans-serif !important; font-style: italic !important;
    text-transform: uppercase !important; letter-spacing: .01em !important; font-weight: 400 !important;
    font-size: 15px !important; line-height: 1 !important;
    border-radius: 10px !important; padding: 13px 22px !important; margin: 6px 0 0 8px !important;
    transition: background .3s, color .3s, border-color .3s, transform .2s, box-shadow .2s !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background: #f4f1ea !important; color: #05176f !important; border: 0 !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
    background: #ffe375 !important; transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px -8px rgba(255,227,117,.55) !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied {
    background: transparent !important; color: #f4f1ea !important;
    border: 1.5px solid rgba(244,241,234,.5) !important;
  }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied:hover {
    color: #ffe375 !important; border-color: #ffe375 !important;
    background: rgba(255,227,117,.08) !important; transform: translateY(-1px) !important;
  }
  /* Lien « politique de confidentialité » dans la bannière */
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
    background: transparent !important; color: #ffe375 !important;
    text-decoration: underline !important; font-size: 13px !important;
    padding: 13px 8px !important;
  }

  /* ============================================================
     3) PANNEAU DE GESTION
     ============================================================ */
  /* Base (toutes tailles) : surface bleue. On force le fond sur #tarteaucitron
     lui-même car en MOBILE tarteaucitron le passe en plein écran fond BLANC
     (#tarteaucitron{background:#fff;height:100%}) → sinon le header (titre/intro,
     hors .tarteaucitronBorder) apparaît sur blanc. */
  #tarteaucitronRoot #tarteaucitron { box-shadow: none !important; background: #082ee0 !important; }
  #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
    background-color: #082ee0 !important;
    background-image: linear-gradient(180deg, rgba(4,12,40,.30), rgba(5,23,111,.82)), url("../img/bg-body.png") !important;
    background-size: cover, 100% auto !important;
    background-position: center, top center !important;
    background-repeat: no-repeat, no-repeat !important;
    border: 1px solid rgba(244,241,234,.18) !important;
    border-top: 3px solid #ffe375 !important;
    border-radius: 18px !important;
    box-shadow: 0 40px 120px rgba(0,0,0,.65), 0 0 0 1px rgba(255,227,117,.08) !important;
  }
  #tarteaucitronRoot div#tarteaucitronServices {
    border-radius: 14px !important; box-shadow: none !important; margin-top: 0 !important;
  }
  /* Desktop UNIQUEMENT : panneau dimensionné au contenu (pas de zone scrollable)
     et centré verticalement. En mobile on conserve le plein écran scrollable
     NATIF de tarteaucitron — sinon le contenu déborde et est coupé sans scroll. */
  @media (min-width: 768px) {
    #tarteaucitronRoot #tarteaucitron {
      max-height: none !important; top: 50% !important; bottom: auto !important;
      transform: translateY(-50%) !important;
    }
    #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
      max-height: none !important; height: auto !important; overflow: visible !important;
    }
    #tarteaucitronRoot div#tarteaucitronServices { overflow: visible !important; }
  }

  /* Bouton FERMER (haut-droite) — z-index élevé pour passer DEVANT la surface
     et la bordure du panneau (sinon masqué par l'ordre de pile). */
  #tarteaucitronRoot #tarteaucitronClosePanel {
    background: #0f30b8 !important; color: #f4f1ea !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    text-transform: uppercase !important; letter-spacing: .1em !important;
    font-size: 10px !important; font-weight: 500 !important;
    border-radius: 8px !important; padding: 9px 14px !important; width: auto !important;
    position: absolute !important; z-index: 2147483647 !important;
    transition: background .25s !important;
  }
  #tarteaucitronRoot #tarteaucitronClosePanel:hover { background: #1640d8 !important; }

  /* Titre « Panneau de gestion des cookies » */
  #tarteaucitronRoot #tarteaucitron .tarteaucitronH1 {
    color: #f4f1ea !important; font-weight: 700 !important;
    font-size: 22px !important; text-align: center !important;
    margin: 28px 0 18px !important;
  }

  /* Encart d'intro (ex-boîte BLANCHE illisible : #tarteaucitronInfo) */
  #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
    background: transparent !important;
    border-color: rgba(244,241,234,.22) !important;
    color: #f4f1ea !important; max-width: 90% !important;
    font-size: 14px !important; line-height: 1.6 !important;
  }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo a { color: #ffe375 !important; }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronDisclaimer {
    color: rgba(244,241,234,.7) !important; font-size: 13px !important; width: 86% !important;
  }
  /* Lien « Politique de confidentialité » (bouton) du panneau */
  #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: transparent !important; color: #ffe375 !important;
    text-decoration: underline !important; font-size: 13px !important;
  }

  /* Barre « Préférences pour tous les services » (Tout accepter / Tout refuser
     GLOBAL) masquée DYNAMIQUEMENT : la classe .dls-cmp-single est posée sur <html>
     par le snippet quand il n'y a qu'UN seul service à consentir (cf. cmpServices)
     → la barre fait alors doublon avec le toggle du service et avec la bannière.
     Dès 2 services, la classe n'est pas posée et la barre réapparaît. On masque
     seulement le label (.tarteaucitronName) + les boutons (#tarteaucitronScrollbarAdjust),
     SANS toucher au titre ni à l'intro (mêmes parents dans #tarteaucitronMainLineOffset). */
  .dls-cmp-single #tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName,
  .dls-cmp-single #tarteaucitronRoot #tarteaucitron #tarteaucitronScrollbarAdjust {
    display: none !important;
  }

  /* En-têtes de section (Cookies obligatoires / Mesure d'audience) :
     ex-pastilles BLANCHES illisibles → bande sobre soulignée d'une hairline,
     label en mono majuscule (style « eyebrow »). */
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: rgba(244,241,234,.04) !important;
    border: 0 !important; border-top: 1px solid rgba(244,241,234,.16) !important;
    margin-top: 18px !important; border-radius: 0 !important;
  }
  /* le bouton-titre lui-même portait le fond blanc par défaut (#fff) */
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
  #tarteaucitronRoot #tarteaucitron .asCatToggleBtn,
  #tarteaucitronRoot #tarteaucitron .tarteaucitron-toggle-group,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronName a,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronName button,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronH2 {
    background: transparent !important; color: #f4f1ea !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    text-transform: uppercase !important; letter-spacing: .12em !important;
    font-size: 12px !important; font-weight: 500 !important; border-radius: 0 !important;
  }

  /* Lignes de service (Piano Analytics) */
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: transparent !important; border-left: 0 !important;
    border-bottom: 1px solid rgba(244,241,234,.10) !important; padding: 16px 8px !important;
  }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: rgba(244,241,234,.10) !important;
  }
  #tarteaucitronRoot .tarteaucitronName,
  #tarteaucitronRoot .tarteaucitronName .tarteaucitronH3 {
    color: #f4f1ea !important; font-weight: 600 !important; font-size: 15px !important;
  }
  #tarteaucitronRoot .tarteaucitronListCookies,
  #tarteaucitronRoot .tarteaucitronName .tacCurrentStatus,
  #tarteaucitronRoot .tarteaucitronName .tarteaucitronServiceDescription {
    color: rgba(244,241,234,.55) !important; font-size: 12px !important;
  }

  /* Boutons par service : AUTORISER / INTERDIRE — signature Anton italique,
     contour clair par défaut ; l'état choisi passe en jaune plein (accent = actif). */
  #tarteaucitronRoot .tarteaucitronAllow,
  #tarteaucitronRoot .tarteaucitronDeny {
    font-family: 'Anton', Impact, sans-serif !important; font-style: italic !important;
    text-transform: uppercase !important; letter-spacing: .01em !important; font-weight: 400 !important;
    font-size: 13px !important; line-height: 1 !important;
    border-radius: 9px !important; padding: 10px 16px !important; margin-left: 6px !important;
    background: transparent !important; color: #f4f1ea !important;
    border: 1.5px solid rgba(244,241,234,.5) !important;
    transition: background .3s, color .3s, border-color .3s, transform .2s !important;
  }
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background: #ffe375 !important; color: #05176f !important; border-color: #ffe375 !important;
  }
  /* Glyphes des cases ☑/☐/✓/✗ : (1) Anton (display) n'a pas ces caractères
     Unicode → police système en style normal, sinon « tofu » invisible. (2) on
     NE PEUT PAS utiliser 'inherit' : la règle large '#tarteaucitron *{color:bone}'
     repeint le span parent en blanc → blanc sur fond clair = invisible. On fixe
     donc la couleur explicitement : bone par défaut (boutons contour, fond
     sombre)… */
  #tarteaucitronRoot .tarteaucitronCheck, #tarteaucitronRoot .tarteaucitronCheck::before,
  #tarteaucitronRoot .tarteaucitronCross, #tarteaucitronRoot .tarteaucitronCross::before,
  #tarteaucitronRoot .tarteaucitronPlus::before {
    font-family: 'JetBrains Mono', system-ui, sans-serif !important;
    font-style: normal !important; color: #f4f1ea !important;
    font-size: 14px !important; margin-right: 5px !important; line-height: 1 !important;
  }
  /* …et bleu ink sur les boutons à FOND CLAIR (Tout accepter bone, Autoriser/
     état choisi jaune, cookies obligatoires) où le texte est déjà ink. */
  #tarteaucitronRoot #tarteaucitronAllAllowed .tarteaucitronCheck,
  #tarteaucitronRoot #tarteaucitronAllAllowed .tarteaucitronCheck::before,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow .tarteaucitronCheck,
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow .tarteaucitronCheck::before {
    color: #05176f !important;
  }

  /* Détails / infobulles dépliés (clic sur une section ou « En savoir plus ») :
     fond OPAQUE + bordure + ombre + z-index, sinon le texte de la ligne en
     dessous transparaît (le défaut est en position absolue). */
  #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle + [id^="tarteaucitronDetails"],
  #tarteaucitronRoot #tarteaucitron [id^="tarteaucitronDetails"],
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background: #041039 !important; color: rgba(244,241,234,.9) !important;
    border: 1px solid rgba(244,241,234,.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.55) !important;
    z-index: 2147483647 !important;
  }

  /* Barre du bas + ENREGISTRER (ex-bande BLANCHE : #tarteaucitronSave) */
  #tarteaucitronRoot div#tarteaucitronSave {
    background: rgba(0,0,0,.22) !important;
    border-top: 1px solid rgba(244,241,234,.16) !important; padding: 18px 20px !important;
  }
  #tarteaucitronRoot #tarteaucitronSaveButton {
    background: #f4f1ea !important; color: #05176f !important; border: 0 !important;
    font-family: 'Anton', Impact, sans-serif !important; font-style: italic !important;
    text-transform: uppercase !important; letter-spacing: .01em !important; font-weight: 400 !important;
    font-size: 16px !important; line-height: 1 !important;
    border-radius: 10px !important; padding: 13px 26px !important;
    transition: background .3s, transform .2s, box-shadow .2s !important;
  }
  #tarteaucitronRoot #tarteaucitronSaveButton:hover {
    background: #ffe375 !important; transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px -8px rgba(255,227,117,.55) !important;
  }

  /* Liens génériques du widget */
  #tarteaucitronRoot a, #tarteaucitronRoot .tarteaucitronSelfLink { color: #ffe375 !important; }