/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Gaia 1203 formattazione Form****/
/* Selettori più specifici per Contact Form 7 */
.wpcf7 form {
    background-color: #444444 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    font-family: Arial, sans-serif !important;
}

.wpcf7 form label, .wpcf7 form p {
    color: white !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 500 !important;
}

/* Assicurati che i div.row e div.column vengano renderizzati correttamente */
.wpcf7 form .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -10px !important;
    margin-bottom: 15px !important;
}

.wpcf7 form .column {
    flex: 1 !important;
    padding: 0 10px !important;
    min-width: 200px !important;
}

/* Stile per i campi di input */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="date"],
.wpcf7 form input[type="number"],
.wpcf7 form select {
    width: 100% !important;
    padding: 8px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    background-color: white !important;
    color: #333 !important;
}

/* Stile per il gruppo Best Time */
.wpcf7 form .best-time-group {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.wpcf7 form .best-time-label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: white !important;
}

.wpcf7 form .time-fields {
    display: flex !important;
    align-items: center !important;
}

.wpcf7 form .time-field {
    display: flex !important;
    flex-direction: column !important;
    margin-right: 10px !important;
    flex: 1 !important;
}

.wpcf7 form .time-field label {
    margin-bottom: 5px !important;
    color: white !important;
    text-align: center !important;
}

.wpcf7 form .time-field input {
    width: 70px !important;
    text-align: center !important;
}

/* Stile per la sezione staffetta */
.wpcf7 form .staffetta-section {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    background-color: #555555 !important;
    border-radius: 4px !important;
}

/*.wpcf7 form .staffetta-section p {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.wpcf7 form .wpcf7-checkbox {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-top: 10px !important;
}*/
/* Stile per la sezione staffetta */
.wpcf7 form .staffetta-section {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    background-color: #555555 !important;
    border-radius: 4px !important;
}

.wpcf7 form .staffetta-section label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.wpcf7 form .staffetta-section input[type="text"] {
    width: 100% !important;
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: white !important;
}

.wpcf7 form .wpcf7-checkbox .wpcf7-list-item {
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.wpcf7 form .wpcf7-checkbox input {
    margin-right: 8px !important;
}

.wpcf7 form .wpcf7-checkbox .wpcf7-list-item-label {
    color: white !important;
}

/* Stile per la sezione privacy */
.wpcf7 form .privacy-section {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    background-color: #555555 !important;
    border-radius: 4px !important;
}

.wpcf7 form .privacy-section p {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.wpcf7 form .wpcf7-acceptance {
    color: white !important;
}

.wpcf7 form .wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0 !important;
}

/* Stile per il pulsante di invio */
.wpcf7 form .wpcf7-submit {
    background-color: #0066cc !important;
    color: white !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    transition: background-color 0.3s !important;
    display: block !important;
    margin: 0 auto !important;
}

.wpcf7 form .wpcf7-submit:hover {
    background-color: #0055aa !important;
}

/* Stile per i messaggi di errore */
.wpcf7 form .wpcf7-not-valid-tip {
    color: #ffaaaa !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}

.wpcf7 form .wpcf7-response-output {
    background-color: #555555 !important;
    color: white !important;
    border-radius: 4px !important;
    padding: 10px !important;
    margin-top: 20px !important;
    border: 1px solid #777777 !important;
}

/* Responsive design per schermi piccoli */
@media (max-width: 600px) {
    .wpcf7 form .column {
        flex: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .wpcf7 form .row {
        margin-bottom: 0 !important;
    }
}


/* Gaia 1403 
 * 
 * CSS per mostrare gli errori nel form
 * 
 * /
 
/* Stilizzazione per evidenziare i campi con errore */
.wpcf7-not-valid {
  border: 2px solid #ff0000 !important;
  background-color: #fff2f2 !important;
}

.wpcf7-not-valid-tip {
  color: #ff0000;
  font-size: 14px;
  margin-top: 5px;
  display: block !important;
}

.wpcf7-response-output {
  margin: 20px 0;
  padding: 10px;
  border: 2px solid #ff0000;
  color: #ff0000;
  background-color: #fff2f2;
  font-weight: bold;
  display: block !important;
}