/* =================================================
   TARTEAUCITRON – SPHINX MANAGER – SAAS B2B
   useExternalCss: false
   Bandeau clair #eeeeee, boutons harmonisés
================================================= */

/* --------------------
   ROOT
-------------------- */
#tarteaucitronRoot {
  font-family: Inter, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Arial, sans-serif !important;
}

/* --------------------
   BANDEAU PRINCIPAL STANDARD
-------------------- */
#tarteaucitronAlertBig {
  background: #eeeeee !important; /* fond clair harmonisé */
  border-radius: 14px !important;
  border: 1px solid #d1d5db !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.15) !important;
  padding: 18px 22px !important;
}

/* Texte du bandeau */
#tarteaucitronAlertBig p,
#tarteaucitronAlertBig strong,
#tarteaucitronAlertBig span {
  color: #1f2937 !important; /* gris foncé pour lisibilité */
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 10px 0 !important;
}

/* --------------------
   BANDEAU TOP (BigTop)
-------------------- */
#tarteaucitronAlertBigTop,
#tarteaucitronAlertBigTopContainer {
  background-color: #eeeeee !important; /* harmonisé avec le standard */
  color: #1f2937 !important;
  border-radius: 12px !important;
  border: 1px solid #d1d5db !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;
  padding: 16px 20px !important;
}

/* Texte BigTop */
#tarteaucitronAlertBigTop p,
#tarteaucitronAlertBigTop strong,
#tarteaucitronAlertBigTop span {
  color: #1f2937 !important;
}

/* --------------------
   BOUTONS – HARMONISÉS
-------------------- */

/* Bouton principal : Accepter */
#tarteaucitronAlertBig button.tarteaucitronAllow,
#tarteaucitronAlertBigTop button.tarteaucitronAllow {
  background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  transition: all .2s ease !important;
}

/* Boutons secondaires : Refuser / Personnaliser */
#tarteaucitronAlertBig button.tarteaucitronDeny,
#tarteaucitronAlertBig button.tarteaucitronPersonalize,
#tarteaucitronAlertBigTop button.tarteaucitronDeny,
#tarteaucitronAlertBigTop button.tarteaucitronPersonalize {
  background-color: #6b7280 !important; /* gris foncé */
  color: #ffffff !important;             /* texte blanc */
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  transition: all .2s ease !important;
}

/* Hover pour tous les boutons */
#tarteaucitronAlertBig button:hover,
#tarteaucitronAlertBigTop button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Supprimer l'icône du pseudo-élément :before */
#tarteaucitronAlertBig:before,
#tarteaucitronAlertBigTop:before {
    content: none !important;
    display: none !important;
}


/* --------------------
   PANNEAU SERVICES
-------------------- */
#tarteaucitronServices {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #d1d5db !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.15) !important;
  padding: 26px !important;
}

#tarteaucitronServices h2 {
  color: #2563eb !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

#tarteaucitronServices ul li {
  padding: 12px 0 !important;
  border-bottom: 1px solid #d1d5db !important;
}

#tarteaucitronServices strong {
  color: #1f2937 !important;
  font-weight: 600 !important;
}

.tarteaucitronDetails {
  color: #6b7280 !important;
  font-size: 13px !important;
}

/* Boutons Services */
#tarteaucitronServices button {
  background: #2563eb !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

#tarteaucitronServices button:hover {
  background: #1e40af !important;
}

/* --------------------
   MOBILE
-------------------- */
@media (max-width: 768px) {
  #tarteaucitronAlertBig button,
  #tarteaucitronAlertBigTop button {
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}