css
/* Stile generale per tutti i campi del form (input, textarea, select) */
.wpcf7-form-control:not([type="submit"]) {
    /* Rendi gli angoli arrotondati (più alto è il valore, più sono arrotondati) */
    border-radius: 10px; 
    /* Spaziatura interna per rendere il campo più leggibile */
    padding: 20px; 
    /* Imposta un bordo iniziale grigio chiaro */
    border: 1px solid #ccc; 
    /* Assicura che i campi occupino l'intera larghezza disponibile */
    width: 100%; 
    /* Transizione fluida per il cambio del colore del bordo */
    transition: border-color 0.3s ease; 
    /* Rendi le scritte all'interno dei campi in grassetto (opzionale, spesso i placeholder non sono in grassetto di default) */
    font-weight: bold;
    /* Rendi il font un po' più grande per un aspetto più moderno */
    font-size: 16px;
    /* Aggiungi una leggera ombreggiatura per profondità (opzionale) */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Stile quando l'utente clicca o scrive nel campo (focus) */
.wpcf7-form-control:not([type="submit"]):focus {
    /* Il bordo diventa nero come richiesto */
    border-color: #000; 
    /* Rimuove il contorno predefinito del browser per un look più pulito */
    outline: none; 
    /* Aggiunge un'ombreggiatura più intensa quando attivo (opzionale) */
    box-shadow: 0 1px 6px rgba(0,0,0,0.15);
}

/* Stile per il pulsante "Invia" */
.wpcf7-submit {
    /* Colore di sfondo del pulsante */
    background-color: #007bff; 
    /* Colore del testo del pulsante */
    color: white; 
    /* Padding per renderlo cliccabile facilmente */
    padding: 12px 20px; 
    /* Angoli arrotondati come gli altri campi */
    border-radius: 10px; 
    /* Rimuovi il bordo predefinito */
    border: none; 
    /* Cursore a mano quando ci si passa sopra */
    cursor: pointer; 
    /* Testo in grassetto per il pulsante */
    font-weight: bold;
    /* Transizione fluida per effetto hover */
    transition: background-color 0.3s ease;
}

/* Stile per il pulsante "Invia" quando ci si passa sopra col mouse */
.wpcf7-submit:hover {
    /* Cambia colore al passaggio del mouse */
    background-color: #0056b3;
}