/* =====================================================
   TARTEAUCITRON – THEME LUTHIER
   ===================================================== */

/* =====================================================
   PALETTE DE COULEURS (CENTRALISÉE)
   ===================================================== */
:root {
  --tac-bg-dark: #1A1A49;   /* Couleur du Bandeau */
  --tac-bg-darker: #5B4F8A; /* Couleur des boutons Personnaliser et Confidentialité */
  --tac-border: #333;
  --tac-border-light: #444;

  --tac-text-main: #F5E8D2;     /* blanc cassé */
  --tac-text-title: #ffffff;    /* couleur du texte */

  --tac-accent: #ffffff;        /* couleur des boutons Accepter et Refuser */
  --tac-accent-hover: #DB7092;  /* couleur du hover */
  --tac-text-dark: #1A1A49;     /* Idem Bandeau */
  --tac-text-hover: #5B4F8A;    /* Idem boutons Perso et Conf */
}

/* =====================================================
   BASE – FOND ET TEXTE GLOBAL
   ===================================================== */
#tarteaucitronRoot,
#tarteaucitron,
#tarteaucitronRoot .tarteaucitronLine,
#tarteaucitronRoot .tarteaucitronMainLine,
#tarteaucitronRoot .tarteaucitronBorder,
#tarteaucitronRoot .tarteaucitronDetails,
#tarteaucitronRoot .tarteaucitronInfoBox {
  background-color: var(--tac-bg-dark) !important;
}

#tarteaucitronRoot,
#tarteaucitronRoot * {
  color: var(--tac-text-main) !important;
}

/* Titres */
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronH3 {
  color: var(--tac-text-title) !important;
}

/* =====================================================
   BANDEAU INITIAL (BOTTOM BAR)
   ===================================================== */
#tarteaucitronAlertBig {
  background-color: var(--tac-bg-dark) !important;
  color: var(--tac-text-title) !important;
  border-top: 1px solid var(--tac-border-light);
}

#tarteaucitronDisclaimerAlert {
  color: #e5e5e5 !important;
  font-size: 14px;
}

#tarteaucitronAlertBig button {
  border-radius: 4px;
  font-weight: 600;
  padding: 8px 14px;
}

#tarteaucitronAlertBig button:hover {
  background-color: var(--tac-accent-hover) !important;
  color: var(--tac-text-hover) !important;
}

/* Boutons bandeau */
#tarteaucitronAlertBig .tarteaucitronAllow,
#tarteaucitronAlertBig .tarteaucitronDeny {
  background-color: var(--tac-accent) !important;
  color: var(--tac-text-dark) !important;
  border: none;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  background-color: var(--tac-bg-darker) !important;
  color: var(--tac-accent) !important;
  border: none;
}

/* =====================================================
   PANNEAU DE GESTION DES COOKIES
   ===================================================== */

/* Bloc d'information haut */
#tarteaucitronRoot #tarteaucitronInfo {
  background-color: var(--tac-bg-dark) !important;
  border: 1px solid var(--tac-border);
  padding: 16px;
}

/* Lien politique (dans le panneau) */
#tarteaucitronPrivacyUrlDialog {
  color: var(--tac-accent) !important;
  background: transparent !important;
  text-decoration: underline;
}

/* Bouton Fermer */
#tarteaucitronClosePanel {
  background: var(--tac-bg-darker) !important;
  color: var(--tac-text-main) !important;
  font-weight: 600;
}

#tarteaucitronClosePanel:hover {
  color: var(--tac-text-title) !important;
  text-decoration: underline;
}

/* =====================================================
   SECTIONS & CATÉGORIES
   ===================================================== */

/* Titres (Cookies obligatoires, APIs, etc.) */
#tarteaucitronRoot .tarteaucitronTitle {
  background-color: transparent !important;
}

#tarteaucitronRoot .tarteaucitronTitle button,
#tarteaucitronRoot .catToggleBtn {
  background-color: var(--tac-bg-darker) !important;
  color: var(--tac-text-main) !important;
  border: 1px solid var(--tac-border-light);
  border-radius: 4px;
  padding: 8px 12px;
}

#tarteaucitronRoot .tarteaucitronTitle button:hover,
#tarteaucitronRoot .catToggleBtn:hover {
  background-color: var(--tac-bg-dark) !important;
}

/* Séparateurs */
#tarteaucitronRoot hr,
#tarteaucitronRoot .tarteaucitronBorder {
  border-color: var(--tac-border) !important;
}

/* =====================================================
   BOUTONS D’ACTION (PANNEAU)
   ===================================================== */

/* Tout accepter / Tout refuser */
#tarteaucitronRoot #tarteaucitronAllAllowed,
#tarteaucitronRoot #tarteaucitronAllDenied {
  background-color: var(--tac-accent) !important;
  color: var(--tac-text-dark) !important;
  border: none !important;
  font-weight: 700;
}

/* Autoriser / Interdire par service */
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronAsk .tarteaucitronDeny {
  background-color: var(--tac-accent) !important;
  color: var(--tac-text-dark) !important;
  border: none !important;
  font-weight: 600;
}

/* Hover global boutons panneau */
#tarteaucitronRoot button:hover {
  background-color: var(--tac-accent-hover) !important;
  color: var(--tac-text-hover) !important;
}

/* =====================================================
   ZONE ENREGISTRER
   ===================================================== */
#tarteaucitronSave {
  background-color: var(--tac-bg-dark) !important;
  border-top: 1px solid var(--tac-border);
  padding: 16px;
}

#tarteaucitronSaveButton {
  background-color: var(--tac-accent) !important;
  color: var(--tac-text-dark) !important;
  border: none !important;
  font-weight: 700;
}

#tarteaucitronSaveButton:hover {
  background-color: var(--tac-accent-hover) !important;
  color: var(--tac-text-hover) !important;
}