/* ========================================
   PERSONNALISATION TARTEAUCITRON - SETT
   Charte graphique harmonisée avec le site
   ======================================== */

/* Bandeau principal - Style header du site */
#tarteaucitronAlertBig {
  background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%) !important;
  border-top: 3px solid #47b5c2 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
  padding: 20px 30px !important;
}

#tarteaucitronDisclaimerAlert,
#tarteaucitronPrivacyUrlAlert {
  color: #ffffff !important;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Boutons du bandeau - Style boutons site */
#tarteaucitronRoot button.tarteaucitronCTAButton {
  border-radius: 30px !important;
  font-family: Roboto, sans-serif !important;
  font-weight: bold !important;
  font-size: 14px !important;
  padding: 12px 30px !important;
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
}

/* Bouton "Tout accepter" - Turquoise principal */
#tarteaucitronRoot button#tarteaucitronAllAllowed {
  background-color: #4fb3c4 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

#tarteaucitronRoot button#tarteaucitronAllAllowed:hover {
  background-color: #3a9da7 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Bouton "Tout refuser" - Style secondaire */
#tarteaucitronRoot button#tarteaucitronAllDenied {
  background-color: #555555 !important;
  color: #ffffff !important;
}

#tarteaucitronRoot button#tarteaucitronAllDenied:hover {
  background-color: #666666 !important;
  transform: translateY(-2px) !important;
}

/* Bouton "Personnaliser" - Bordure turquoise */
#tarteaucitronRoot button#tarteaucitronPersonalize,
#tarteaucitronRoot button#tarteaucitronPersonalize2 {
  background-color: transparent !important;
  color: #4fb3c4 !important;
  border: 2px solid #4fb3c4 !important;
}

#tarteaucitronRoot button#tarteaucitronPersonalize:hover,
#tarteaucitronRoot button#tarteaucitronPersonalize2:hover {
  background-color: rgba(79, 179, 196, 0.1) !important;
  border-color: #3a9da7 !important;
  color: #3a9da7 !important;
}

/* Lien "Politique de confidentialité" */
#tarteaucitronRoot button#tarteaucitronPrivacyUrl {
  color: #4fb3c4 !important;
  text-decoration: underline !important;
  background: transparent !important;
  font-family: Roboto, sans-serif !important;
}

#tarteaucitronRoot button#tarteaucitronPrivacyUrl:hover {
  color: #3a9da7 !important;
}

/* Bouton fermer bandeau */
#tarteaucitronRoot button#tarteaucitronCloseAlert {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 20px !important;
  padding: 8px 20px !important;
  font-size: 12px !important;
  font-family: Roboto, sans-serif !important;
}

#tarteaucitronRoot button#tarteaucitronCloseAlert:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Modal de personnalisation - On garde le style par défaut */
/* Pas de personnalisation pour la modal */

/* On ne personnalise pas le titre et bouton fermer de la modal */

/* On ne personnalise pas les lignes de services - style par défaut */

/* On ne personnalise pas le contenu de la modal - style par défaut */

/* Responsive - Mobile */
@media (max-width: 768px) {
  #tarteaucitronAlertBig {
    padding: 20px 15px !important;
  }

  #tarteaucitronRoot button.tarteaucitronCTAButton {
    font-size: 13px !important;
    padding: 10px 20px !important;
    margin: 5px !important;
  }

  #tarteaucitronRoot #tarteaucitronServices {
    margin: 10px !important;
    max-height: 90vh !important;
    border-radius: 10px !important;
  }

  #tarteaucitronRoot .tarteaucitronLine {
    padding: 12px !important;
  }
}