/* --- INIZIO: Rimozione totale sfondo Autofill --- */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 5000s ease-in-out 0s !important;
  background-color: transparent !important;
}

/* Rimuove lo sfondo bianco quando l'utente clicca nel campo (focus) */

.form-control:focus, .form-select:focus {
  background-color: transparent !important;
  color: white !important;
  box-shadow: none !important;
}

/* Colora le voci del menu a tendina di bianco su sfondo scuro */

select.form-select option {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* Forza il testo bianco nel Select chiuso */

select.form-select {
  color: #ffffff !important;
}

/* Colora le voci a tendina quando la apri */

select.form-select option {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* Rende il titolo fluido in base alla larghezza dello schermo */

.titolo-principale {
  font-size: clamp(24px, 4vw, 48px);
  white-space: nowrap;
  background-color: transparent !important;
}

/* HERO title: elimina sfondo "rettangolo" messo nello span */

.hero-title span {
  background: transparent !important;
  background-color: transparent !important;
}

.hero-title {
  text-shadow: 0 6px 18px rgba(0,0,0,.55);
}

.hero-title {
  font-family: "Roboto Slab", serif;
  font-weight: 800;
  font-size: clamp(34px, 4.2vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.5px;
}

@media (min-width: 992px) {
  .hero-title {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  .hero-title br {
    display: none;
  }
}

.form-control:focus, .form-select:focus, textarea.form-control:focus {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* Correzione per l'autocompletamento del browser */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

.nota-legale {
  font-size: 11px !important;
  color: #6c757d;
  font-style: italic;
  margin-top: 10px;
}

/* Sposta in alto il badge di reCAPTCHA per non coprire il pulsante Torna Su */

.grecaptcha-badge {
  bottom: 80px !important;
}

/* ==========================================
   FLOATING CHAT BUTTONS & PULSE ANIMATION
   ========================================== */

/* Contenitore in basso a sinistra */

.floating-chat-container {
  position: fixed;
  bottom: 30px;
  left: 30px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  z-index: 9999;
}

/* Stile base del bottone */

.chat-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 32px;
  text-decoration: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  position: relative;
}

.chat-btn:hover {
  color: #ffffff;
  transform: scale(1.1);
}

/* Colori specifici per App */

.whatsapp-btn {
  background-color: #25d366;
}

.telegram-btn {
  background-color: #0088cc;
}

/* ==========================================
   EFFETTO PULSAZIONE (PULSE) SUI BOTTONI
   ========================================== */

.chat-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  animation: pulse-animation 2s infinite;
}

.whatsapp-btn::before {
  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
}

.telegram-btn::before {
  box-shadow: 0 0 0 0 rgba(0, 136, 204, 0.7);
}

@keyframes pulse-animation {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/* --- FINE --- */