/* CSS form footer - desktop */
#form_footer .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 16px; /* Spaziatura tra le righe */
}

#form_footer .wpcf7-form .form-row {
    display: flex;
    gap: 16px; /* Spaziatura tra le colonne */
}

#form_footer .wpcf7-form .form-col {
    flex: 1; /* Colonne di uguale larghezza */
    min-width: 0; /* Permette agli input di adattarsi */
}

#form_footer .wpcf7-form .textarea-row {
    display: flex;
    gap: 16px; /* Spaziatura tra le colonne */
}

#form_footer .wpcf7-form .message-col {
    flex: 2; /* Textarea occupa più spazio */
}

#form_footer .wpcf7-form .consent-col {
    flex: 1; /* Privacy, Ricontatto e Submit in una colonna */
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#form_footer .wpcf7-form .wpcf7-submit {
    align-self: flex-start; 
    padding: 10px 20px;
    font-size: 1rem;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#form_footer .wpcf7-form .wpcf7-submit:hover {
    background-color: #0056b3;
}

#form_footer .wpcf7-form .form-control {
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#form_footer .wpcf7-form .form-check-input {
    margin-right: 8px;
}

#form_footer .wpcf7-form .form-check-label {
    font-size: 0.9rem;
    margin-top: 8px;
}

/* Layout per dispositivi mobili */
@media (max-width: 768px) {
    #form_footer .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 16px; /* Spaziatura tra le righe */
    }

#form_footer textarea {
    height: 198px !important; 
}	
    #form_footer .wpcf7-form .form-row {
        display: flex;
        flex-wrap: wrap; /* Consente ai campi di andare su nuove righe */
        gap: 8px; /* Ridotta spaziatura tra i campi */
    }

    #form_footer .wpcf7-form .form-col {
        flex: 1 1 calc(33.33% - 8px); /* Nome, Email e Telefono su una riga */
    }

    #form_footer .wpcf7-form .textarea-row {
        flex-direction: column;
        gap: 16px; /* Aggiunge spazio sopra e sotto la textarea */
    }

    #form_footer .wpcf7-form .message-col {
        width: 100%; /* Textarea su una riga separata */
    }

    #form_footer .wpcf7-form .consent-row {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    #form_footer .wpcf7-form .consent-col {
        width: 100%; /* Privacy e Ricontatto su righe separate */
    }

    #form_footer .wpcf7-form .wpcf7-submit {
        align-self: center; 
        width: auto;
			padding:5px !important;
    }
}

#form_footer textarea {
    height: 184px; 
}


input.class_accettazione_privacy + * {
    font-size: 11px;
    line-height: 1.5;
}

input.css_accettazione_ricontatto + * {
    font-size: 11px;
    line-height: 1.5;
}

#form_footer .wpcf7-form .wpcf7-submit {
	
	width:100%;
	background-color:#ff8754;
}

#form_footer .wpcf7-form .wpcf7-submit:hover{
	
	background-color:#00d084 !important;
}



/* CSS form fooetr - end */