/* ============================================================
   TARTEAUCITRON AUX COULEURS DU SITE (18/07/2026, demande Nicolas)
   ------------------------------------------------------------
   Surcharges du CSS par défaut (tarteaucitron/css/tarteaucitron.css)
   avec la charte de theme-moderne.css : variables --m-* (fallbacks en
   dur au cas où), Inter, cartes sombres, rouge #e5484d, radius 10-12px.
   CHARGÉ APRÈS tarteaucitron.css dans le header (+ useExternalCss:true
   dans l'init pour que la lib ne ré-injecte pas son CSS après nous).
   !important nécessaires : tarteaucitron.css utilise des doubles ids.
   ?v= à BUMPER à chaque modif (cache CSS 7 j du .htaccess).
   ============================================================ */

/* ---------- police héritée du site partout ---------- */
#tarteaucitronRoot,
#tarteaucitronRoot * {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
}

/* ---------- LA MODALE CENTRALE (1er écran) ---------- */
#tarteaucitronRoot #tarteaucitronAlertBig {
  background: var(--m-card, #2a2a32) !important;
  color: var(--m-txt, #f0f0f0) !important;
  border: 1px solid var(--m-line, #3a3a44) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 40px -14px rgba(0, 0, 0, .55) !important;
  padding: 26px 28px !important;
}
#tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  color: var(--m-txt, #f0f0f0) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* voile derrière la modale : un peu plus sombre, cohérent au thème */
#tarteaucitronRoot #tarteaucitronBack {
  background: #000 !important;
  opacity: .65 !important;
}

/* ----- les 2 CTA : MÊME taille/forme (exigence CNIL : refus aussi
       facile qu'accepter) — accepter en rouge plein, refuser en
       carte bordée, tous deux au même niveau ----- */
#tarteaucitronRoot .tarteaucitronCTAButton {
  border-radius: var(--m-radius, 10px) !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 12px 6px 0 6px !important;
  transition: background .15s ease, border-color .15s ease !important;
}
#tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: var(--m-red, #e5484d) !important;
  color: #fff !important;
  border: 1px solid var(--m-red, #e5484d) !important;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover,
#tarteaucitronRoot #tarteaucitronPersonalize2:focus {
  background: var(--m-red2, #c0393e) !important;
  border-color: var(--m-red2, #c0393e) !important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2 {
  background: var(--m-bg, #1c1c22) !important;
  color: var(--m-txt, #f0f0f0) !important;
  border: 1px solid var(--m-txt-3, #8888a0) !important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover,
#tarteaucitronRoot #tarteaucitronAllDenied2:focus {
  border-color: var(--m-txt, #f0f0f0) !important;
  background: var(--m-line, #3a3a44) !important;
}

/* ----- « Personnaliser » + « Politique de confidentialité » :
       actions secondaires, discrètes sous les CTA ----- */
#tarteaucitronRoot #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronPrivacyUrl {
  background: transparent !important;
  color: var(--m-txt-2, #c0c0c8) !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-size: 13px !important;
  margin: 14px 8px 0 8px !important;
  padding: 4px 2px !important;
}
#tarteaucitronRoot #tarteaucitronCloseAlert:hover,
#tarteaucitronRoot #tarteaucitronPrivacyUrl:hover {
  color: var(--m-red-soft, #f07478) !important;
}

/* ---------- LE PANNEAU « PERSONNALISER » ---------- */
#tarteaucitronRoot #tarteaucitron {
  background: transparent !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  background: var(--m-red, #e5484d) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  border: 0 !important;
  font-weight: 600 !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset,
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
  background: var(--m-bg, #1c1c22) !important;
  border: 1px solid var(--m-line, #3a3a44) !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 14px 40px -14px rgba(0, 0, 0, .55) !important;
}
/* bandeau titre « Préférences pour tous les services » */
#tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine {
  background: var(--m-card, #2a2a32) !important;
  border-color: var(--m-line, #3a3a44) !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitron .tarteaucitronH2 {
  color: var(--m-txt, #f0f0f0) !important;
}
/* lignes de services et titres de catégories */
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .asCatToggleBtn,
#tarteaucitronRoot #tarteaucitron .catToggleBtn {
  background: var(--m-card, #2a2a32) !important;
  color: var(--m-txt, #f0f0f0) !important;
  border-radius: 8px !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo,
#tarteaucitronRoot #tarteaucitron .tarteaucitronInfoBox {
  background: var(--m-card, #2a2a32) !important;
  color: var(--m-txt-2, #c0c0c8) !important;
  border-color: var(--m-line, #3a3a44) !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine {
  background: var(--m-card, #2a2a32) !important;
  border-left: 0 !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronLine .tarteaucitronH3 {
  color: var(--m-txt, #f0f0f0) !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronListCookies,
#tarteaucitronRoot #tarteaucitron .tarteaucitronCookiesList,
#tarteaucitronRoot #tarteaucitron .tarteaucitronHidden {
  background: var(--m-bg, #1c1c22) !important;
  color: var(--m-txt-2, #c0c0c8) !important;
}

/* ----- boutons Autoriser / Interdire du panneau : voir la section
       « LISIBILITÉ » en fin de fichier (refonte 18/07 soir : les boutons
       jaunes d'usine + textes #333 étaient illisibles sur nos fonds). ----- */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny {
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* ---------- ICÔNE FLOTTANTE (rouvrir ses choix) ----------
   même langage visuel que les pastilles sociales du menu
   (.soc-ic : carte sombre, bordure, hover rouge) */
#tarteaucitronRoot #tarteaucitronIcon {
  background: var(--m-card, #2a2a32) !important;
  border: 1.5px solid var(--m-line, #3a3a44) !important;
  border-radius: var(--m-radius, 10px) !important;
  transition: border-color .15s ease, transform .15s ease !important;
}
#tarteaucitronRoot #tarteaucitronIcon:hover {
  border-color: var(--m-red, #e5484d) !important;
  transform: translateY(-1px);
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
  background: transparent !important;
  padding: 6px !important;
}
/* CADENAS ROUGE (18/07, Nicolas) : le PNG jaune d'usine est masqué et
   remplacé par un cadenas dessiné au ROUGE du site (--m-red) via mask-image
   (SVG data-URI monochrome → recoloré par background-color, donc suit le thème). */
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img {
  display: none !important;
}
#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager {
  width: 50px !important;
  height: 50px !important;
  box-sizing: border-box !important;
  background-color: var(--m-red, #e5484d) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm3 8H9V6a3 3 0 0 1 6 0v3z'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm3 8H9V6a3 3 0 0 1 6 0v3z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: 30px 30px !important;
  mask-size: 30px 30px !important;
}

/* ---------- petite fenêtre « alerte » éventuelle + divers ---------- */
#tarteaucitronRoot #tarteaucitronAlertSmall {
  background: var(--m-card, #2a2a32) !important;
  border-radius: var(--m-radius, 10px) !important;
}
#tarteaucitronRoot .tarteaucitronCheck,
#tarteaucitronRoot .tarteaucitronCross {
  filter: none !important;
}

/* ============================================================
   LISIBILITÉ (18/07 au soir, retour Nicolas : textes gris foncé
   illisibles + boutons jaunes d'usine)
   ------------------------------------------------------------
   Le CSS par défaut fait hériter color:#333 à presque tout le
   panneau et laisse les CTA jaunes à texte noir. Ici : BASE claire
   pour TOUT (les deux fenêtres), puis ré-affirmation des accents.
   L'ordre compte : ces règles sont en FIN de fichier exprès.
   ============================================================ */

/* 1) base : tout texte en gris clair du thème */
#tarteaucitronRoot #tarteaucitron,
#tarteaucitronRoot #tarteaucitron *,
#tarteaucitronRoot #tarteaucitronAlertBig,
#tarteaucitronRoot #tarteaucitronAlertBig * {
  color: var(--m-txt-2, #c0c0c8) !important;
}

/* 2) titres, noms de services et texte principal : blanc franc */
#tarteaucitronRoot #tarteaucitron .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitron .tarteaucitronH2,
#tarteaucitronRoot #tarteaucitron .tarteaucitronH3,
#tarteaucitronRoot #tarteaucitron .tarteaucitronName b,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle button,
#tarteaucitronRoot #tarteaucitron .tarteaucitronTitle .asCatToggleBtn,
#tarteaucitronRoot #tarteaucitron .catToggleBtn,
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert {
  color: var(--m-txt, #f0f0f0) !important;
}

/* 3) boutons d'ACTION (Autoriser / Tout accepter / Enregistrer) :
      rouge du site, texte BLANC — cohérents avec la modale */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow span,
#tarteaucitronRoot #tarteaucitronSaveButton {
  background: var(--m-red, #e5484d) !important;
  color: #fff !important;
  border: 1px solid var(--m-red, #e5484d) !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow:hover,
#tarteaucitronRoot #tarteaucitronSaveButton:hover {
  background: var(--m-red2, #c0393e) !important;
  border-color: var(--m-red2, #c0393e) !important;
}
/* le span interne ne doit pas repeindre un fond par-dessus */
#tarteaucitronRoot #tarteaucitron .tarteaucitronAllow span {
  background: transparent !important;
  border: none !important;
}

/* 4) boutons Interdire / Tout refuser du panneau : carte sombre
      bordée, texte blanc — même langage que « Tout refuser » modale */
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny,
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny span {
  background: var(--m-bg, #1c1c22) !important;
  color: var(--m-txt, #f0f0f0) !important;
  border: 1px solid var(--m-txt-3, #8888a0) !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny span {
  background: transparent !important;
  border: none !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronDeny:hover {
  background: var(--m-line, #3a3a44) !important;
  border-color: var(--m-txt, #f0f0f0) !important;
}
/* état sélectionné « interdit » : liseré rouge discret */
#tarteaucitronRoot #tarteaucitron .tarteaucitronIsSelected.tarteaucitronDeny {
  border-color: var(--m-red, #e5484d) !important;
}

/* 5) barre du bas « Enregistrer » : blanche par défaut -> carte sombre */
#tarteaucitronRoot #tarteaucitron #tarteaucitronSave {
  background: var(--m-card, #2a2a32) !important;
  border-top: 1px solid var(--m-line, #3a3a44) !important;
}

/* 6) liens « En savoir plus » / « Voir le site officiel » + statut */
#tarteaucitronRoot #tarteaucitron .tarteaucitronReadmoreInfo,
#tarteaucitronRoot #tarteaucitron .tarteaucitronReadmoreOfficial {
  color: var(--m-txt-2, #c0c0c8) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
#tarteaucitronRoot #tarteaucitron .tarteaucitronReadmoreInfo:hover,
#tarteaucitronRoot #tarteaucitron .tarteaucitronReadmoreOfficial:hover {
  color: var(--m-red-soft, #f07478) !important;
}

/* 7) bouton « Politique de confidentialité » DU PANNEAU (fond blanc
      d'usine) : même style discret que celui de la modale */
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  background: transparent !important;
  color: var(--m-txt, #f0f0f0) !important;
  border: 1px solid var(--m-txt-3, #8888a0) !important;
  border-radius: 8px !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog:hover {
  border-color: var(--m-red, #e5484d) !important;
}

/* 8) ré-affirmation des CTA de la MODALE après la base clair (la règle
      « 1) » repeignait leur blanc en gris clair — cascade à égalité de
      spécificité = le dernier gagne, donc ceci reste EN FIN de fichier) */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 * {
  color: #fff !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 * {
  color: var(--m-txt, #f0f0f0) !important;
}