/* Posizionamento del Badge WhatsApp */
.whatsapp-badge {
    /* Proprietà Cruciali per il posizionamento fisso */
    position: fixed;   /* Fissa l'elemento rispetto alla finestra del browser */
    bottom: 100px;      /* Distanza dal fondo: 30 pixel */
    right: 10px;       /* Distanza da destra: 30 pixel */
    z-index: 9999;     /* Assicura che sia sempre sopra gli altri elementi */

    /* Stile Visivo */
    width: 60px;
    height: 60px;
    background-color: #25d366; /* Verde WhatsApp */
    color: white;
    border-radius: 50%; /* Icona circolare */
    display: flex;
    justify-content: center; /* Centra l'icona orizzontalmente */
    align-items: center;     /* Centra l'icona verticalmente */
    font-size: 30px;         /* Dimensione dell'icona */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Ombra per farlo risaltare */
    text-decoration: none; /* Rimuove la sottolineatura del link */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Effetto Hover (opzionale: ingrandimento e cambio colore) */
.whatsapp-badge:hover {
    background-color: #128c7e; /* Verde scuro */
    transform: scale(1.1);
}

/* Nascondo il badge Recaptcha */
.grecaptcha-badge { 
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
    pointer-events: none !important;
}

/* Uniforma il font di tutti gli elementi del form */
.php-email-form input, 
.php-email-form select, 
.php-email-form textarea,
.php-email-form button {
    font-family: inherit !important; /* Forza l'uso del font principale del sito */
    font-size: 14px;                /* Regola la dimensione se necessario */
    color: #444;                    /* O il colore che preferisci */
}

/* Fix specifico per il menu a tendina e il telefono */
.php-email-form select.form-select,
.php-email-form input[type="tel"] {
    height: 44px; /* Pareggia l'altezza con gli altri campi */
    padding: 10px 12px;
    line-height: 1.5;
}

/* Font leggero in form */
/* Uniforma il colore dei placeholder per tutti i browser */
.form-control::placeholder {
    color: #6c757d !important; /* Grigio standard di Bootstrap */
    opacity: 1; /* Rimuove l'opacità variabile di Firefox/Safari */
    font-weight: normal !important; /* Forza il peso del carattere */
}

/* Specifico per il reset dei campi speciali su alcuni browser */
input[type="tel"], 
input[type="email"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Mi assicuro che nessun div orfano dentro il preloader crei artefatti */
#preloader div {
    display: none !important;
}