/* Stili per il messaggio di errore del plugin */
.elementor-message-danger {
   	font-size:14px !important;
}



/*--------------------------------------*/
/* Cambia il colore del bordo in rosso */
/*--------------------------------------*/

#form-field-nome.campo-errore {
    border-color: red; /* Cambia il colore del bordo del campo quando è presente un errore */
}

#form-field-nome::after {
    content: attr(data-error-message); /* Visualizza il messaggio di errore come contenuto aggiunto dopo il campo */
    display: block;
    color: red; /* Colore del testo del messaggio di errore */
    font-size: 12px;
    margin-top: 5px;
}

.campo-errore {
    border-color: #ff0000 !important; /* Cambia il colore del bordo in rosso */
}


/* Stile di default per il campo telefono */
.elementor-field-textual {
    border: 1px solid #ced4da; /* Colore del bordo normale */
}
/* Stile per il campo telefono quando è valido */
.elementor-field-textual:valid {
    border: 1px solid #ced4da; /* Colore del bordo normale */
}

/* Stile per il campo telefono quando è invalido */
.elementor-field-textual:invalid {
    border: 1px solid red; /* Colore del bordo rosso */
}
/* mail*/
/*.elementor-field-textual:invalid:not(:placeholder-shown) {
    border-color: #ff0000;
}*/
/* Mail */
.elementor-field-textual[name='form_fields[email]']:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #ff0000;
}

/*------------------------------------------------*/