/* ==============================
Thème tarteaucitron harmonisé par ChatGPT pour Sphinx Manager
05/02/2026
============================== */


/* ==============================
   Bandeau principal
   ============================== */
#tarteaucitronAlertBig {
  background-color: #003366; /* bleu foncé professionnel */
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  max-width: 950px;
  margin: 20px auto;
}

/* ==============================
   Texte du bandeau
   ============================== */
#tarteaucitronAlertBig p {
  margin: 0 0 10px 0;
  font-size: 15px;
  color: #ffffff;
}

/* ==============================
   Boutons principaux
   ============================== */
#tarteaucitronAlertBig .tarteaucitronAllow,
#tarteaucitronAlertBig .tarteaucitronDeny,
#tarteaucitronAlertBig .tarteaucitronPersonalize {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 18px;
  margin-right: 10px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Bouton Accepter */
#tarteaucitronAlertBig .tarteaucitronAllow {
  background-color: #0072ce; /* bleu vif */
  color: #ffffff;
}

#tarteaucitronAlertBig .tarteaucitronAllow:hover {
  background-color: #005ea3;
}

/* Bouton Refuser / Personnaliser */
#tarteaucitronAlertBig .tarteaucitronDeny,
#tarteaucitronAlertBig .tarteaucitronPersonalize {
  background-color: #6c757d; /* gris neutre */
  color: #ffffff;
}

#tarteaucitronAlertBig .tarteaucitronDeny:hover,
#tarteaucitronAlertBig .tarteaucitronPersonalize:hover {
  background-color: #5a6268;
}

/* ==============================
   Panneau des services (modale)
   ============================== */
#tarteaucitron #tarteaucitronServices {
  background-color: #f8f9fa; /* clair et lisible */
  color: #333333;
  border-radius: 8px;
  padding: 20px;
  max-width: 900px;
  margin: 20px auto;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Titre du panneau */
#tarteaucitron #tarteaucitronServices h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

/* Listes des services */
#tarteaucitron #tarteaucitronServices ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#tarteaucitron #tarteaucitronServices li {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Boutons dans le panneau */
#tarteaucitron #tarteaucitronServices button {
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 13px;
}