/* =========================================================================
   tarteaucitron.badges25mm.css
   Override de style Tarteaucitron aux couleurs de badges25mm.fr
   → à charger APRÈS le CSS natif de Tarteaucitron (sinon sans effet).
   Ne remplace pas le fichier d'origine : il complète/écrase seulement
   les éléments visibles, donc il survit aux mises à jour de la lib.
   ========================================================================= */

:root {
  --b25-corail:       #E84D5B;
  --b25-corail-fonce: #d13c4a;   /* survol */
  --b25-encre:        #2b2b2b;   /* texte principal */
  --b25-gris:         #6b7075;   /* texte secondaire */
  --b25-fond:         #ffffff;
  --b25-fond-doux:    #f7f7f7;
  --b25-bordure:      #e6e6e6;
  --b25-radius:       14px;
  --b25-radius-btn:   9px;
  --b25-ombre:        0 12px 40px rgba(20, 20, 20, .18);
}

/* ---- Le voile d'arrière-plan (un peu plus doux que le noir par défaut) -- */
#tarteaucitronRoot #tarteaucitronBack {
  background: rgba(24, 24, 27, .55) !important;
  backdrop-filter: blur(2px);
}

/* =======================================================================
   BANDEAU PRINCIPAL (première visite)
   ======================================================================= */
#tarteaucitronRoot #tarteaucitronAlertBig {
  box-sizing: border-box !important;
  max-width: 800px !important;
  margin: 0 auto 22px !important;
  left: 0 !important;
  right: 0 !important;
  padding: 26px 28px !important;
  background: var(--b25-fond) !important;
  color: var(--b25-encre) !important;
  border: 1px solid var(--b25-bordure) !important;
  border-radius: var(--b25-radius) !important;
  box-shadow: var(--b25-ombre) !important;
  font-family: inherit !important;
}

/* petite barre corail en haut du bandeau, touche de marque */
#tarteaucitronRoot #tarteaucitronAlertBig::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--b25-corail);
  border-radius: var(--b25-radius) var(--b25-radius) 0 0;
}

#tarteaucitronRoot #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert b,
#tarteaucitronRoot #tarteaucitronDisclaimerAlert strong {
  color: var(--b25-encre) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  display: block;
  margin-bottom: 18px !important;
}

/* ---- Boutons du bandeau ------------------------------------------------ */
#tarteaucitronRoot .tarteaucitronCTAButton,
#tarteaucitronRoot #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied2 {
  box-sizing: border-box !important;
  display: inline-block !important;
  margin: 5px 4px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  border: 0 !important;
  border-radius: var(--b25-radius-btn) !important;
  cursor: pointer !important;
  transition: background-color .15s ease, transform .05s ease, box-shadow .15s ease !important;
  text-shadow: none !important;
}
#tarteaucitronRoot .tarteaucitronCTAButton:active,
#tarteaucitronRoot #tarteaucitronPersonalize2:active,
#tarteaucitronRoot #tarteaucitronAllAllowed:active,
#tarteaucitronRoot #tarteaucitronAllDenied2:active {
  transform: translateY(1px) !important;
}

/* Bouton principal « Tout accepter » — corail plein */
#tarteaucitronRoot #tarteaucitronAllAllowed {
  background: var(--b25-corail) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(232, 77, 91, .35) !important;
}
#tarteaucitronRoot #tarteaucitronAllAllowed:hover {
  background: var(--b25-corail-fonce) !important;
}

/* Bouton « Tout refuser » — contour, égal en poids (obligation CNIL :
   refuser doit être aussi simple qu'accepter) */
#tarteaucitronRoot #tarteaucitronAllDenied2 {
  background: var(--b25-fond) !important;
  color: var(--b25-encre) !important;
  box-shadow: inset 0 0 0 1.5px var(--b25-bordure) !important;
}
#tarteaucitronRoot #tarteaucitronAllDenied2:hover {
  background: var(--b25-fond-doux) !important;
  box-shadow: inset 0 0 0 1.5px #d5d5d5 !important;
}

/* Bouton « Personnaliser » — lien discret */
#tarteaucitronRoot #tarteaucitronPersonalize2 {
  background: transparent !important;
  color: var(--b25-gris) !important;
  text-decoration: underline !important;
  box-shadow: none !important;
  padding: 12px 10px !important;
}
#tarteaucitronRoot #tarteaucitronPersonalize2:hover {
  color: var(--b25-corail) !important;
}

/* =======================================================================
   PETIT ONGLET PERSISTANT (rappel « cookies »)
   ======================================================================= */
#tarteaucitronRoot #tarteaucitronAlertSmall {
  background: var(--b25-encre) !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: 0 -4px 18px rgba(0,0,0,.15) !important;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronManager {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 13px !important;
}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotGreen { background: #3ac569 !important; }
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotYellow { background: #f4b740 !important; }
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronDot #tarteaucitronDotRed { background: var(--b25-corail) !important; }

/* =======================================================================
   PANNEAU DÉTAILLÉ (gestion service par service)
   ======================================================================= */
#tarteaucitronRoot #tarteaucitron {
  border-radius: var(--b25-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--b25-ombre) !important;
  font-family: inherit !important;
}

/* En-tête du panneau */
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronRoot #tarteaucitronServices #tarteaucitronMainLineOffset {
  color: #fff !important;
}
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button {
  color: #000 !important;
  font-family: inherit !important;
}
#tarteaucitronRoot #tarteaucitronServices #tarteaucitronMainLineOffset {
  background: #fff !important;
}

  /* Ligne de chaque service */
#tarteaucitronRoot .tarteaucitronLine {
  background: var(--b25-fond) !important;
  border-left: 4px solid transparent !important;
  border-bottom: 1px solid var(--b25-bordure) !important;
  transition: border-color .15s ease, background-color .15s ease !important;
}
#tarteaucitronRoot .tarteaucitronLine:hover {
  background: var(--b25-fond-doux) !important;
}
#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsAllowed {
  border-left-color: #3ac569 !important;   /* accepté = vert */
}
#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsDenied {
  border-left-color: var(--b25-corail) !important;  /* refusé = corail */
}
#tarteaucitronRoot .tarteaucitronName,
#tarteaucitronRoot .tarteaucitronName .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronServiceDescription {
  color: var(--b25-encre) !important;
  font-family: inherit !important;
}
#tarteaucitronRoot .tarteaucitronServiceDescription { color: var(--b25-gris) !important; }

/* Boutons Autoriser / Interdire dans le panneau */
#tarteaucitronRoot .tarteaucitronAllow {
  background: #3ac569 !important;
  color: #fff !important;
  border-radius: var(--b25-radius-btn) !important;
  font-family: inherit !important;
  border: 0 !important;
}
#tarteaucitronRoot .tarteaucitronDeny {
  background: var(--b25-corail) !important;
  color: #fff !important;
  border-radius: var(--b25-radius-btn) !important;
  font-family: inherit !important;
  border: 0 !important;
}
#tarteaucitronRoot .tarteaucitronAllow:hover  { filter: brightness(.94) !important; }
#tarteaucitronRoot .tarteaucitronDeny:hover   { background: var(--b25-corail-fonce) !important; }

/* Croix / fermeture */
#tarteaucitronRoot #tarteaucitronClosePanel,
#tarteaucitronRoot #tarteaucitronCloseCross,
#tarteaucitronRoot .tarteaucitronCross {
  color: #000 !important;
}

/* Liens dans les textes (politique de confidentialité, etc.) */
#tarteaucitronRoot a,
#tarteaucitronRoot #tarteaucitronPrivacyUrl,
#tarteaucitronRoot .tarteaucitronSelfLink {
  color: var(--b25-corail) !important;
}

/* =======================================================================
   RESPONSIVE — bandeau plein largeur sur mobile
   ======================================================================= */
@media (max-width: 600px) {
  #tarteaucitronRoot #tarteaucitronAlertBig {
    max-width: none !important;
    margin: 0 !important;
    border-radius: var(--b25-radius) var(--b25-radius) 0 0 !important;
    padding: 22px 20px !important;
  }
  #tarteaucitronRoot .tarteaucitronCTAButton,
  #tarteaucitronRoot #tarteaucitronAllAllowed,
  #tarteaucitronRoot #tarteaucitronAllDenied2 {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 !important;
  }
}