.cf7-row-two-cols{display:flex;gap:20px;margin-bottom:20px}.cf7-col{flex:1}.cf7-row{margin-bottom:20px}.cf7-custom-container input[type="text"],.cf7-custom-container input[type="email"],.cf7-custom-container input[type="tel"],.cf7-custom-container select{width:100%;padding:15px;border:1px solid #6c429c;border-radius:30px;background-color:#fff;font-size:16px;box-sizing:border-box;outline:none;color:#333}.cf7-custom-container ::placeholder{color:#333;opacity:0.8}.cf7-custom-container input.btn-submit{background-color:#4B169F;color:#FFC505;font-weight:bold;font-size:18px;border:solid 2px;cursor:pointer;transition:background 0.3s;width:100%;   padding:15px;border-radius:30px}.cf7-custom-container input.btn-submit:hover{background-color:#4B169F!important"; /* Colore secondario */
    color: #FFC505 !important; /* Colore accento */
}

/* Testo Privacy */
.cf7-privacy {
    text-align: center;
    font-size: 12px;
    color: #4b2c70;
    margin-top: 15px;
}

.cf7-privacy a {
    color: #4b2c70;
    font-weight: bold;
    text-decoration: none;
}

/* Responsività per cellulari (colonne diventano righe) */
@media (max-width: 600px) {
    .cf7-row-two-cols {
        flex-direction: column;
        gap: 20px;
    }
}
/* --- INIZIO MODIFICA --- */

/* Stile del Pulsante - Stato Normale */
.cf7-custom-container input.btn-submit {
    /* Layout */
    width: 100% !important;        
    display: block;
    box-sizing: border-box;        
    padding: 15px 0px !important;
    
    /* Tipografia */
    font-family: 'Bitter', serif !important; 
    font-size: clamp(18px, 2.5vw, 24px) !important;              
    font-weight: 700;                        
    
    /* Colori Base */
    background-color: #7924FF !important;    /* Sfondo Viola */
    color: #FFC505  !important;               /* Testo Giallo */
    
    /* Bordo e Arrotondamento */
    border: 2px solid #7924FF !important;    
    border-radius: 100px !important;         /* Arrotondamento completo */
    
    /* Transizione */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none; /* Rimuove stili di default su iPhone/iPad */
}

/* Stile del Pulsante - Stato Hover */
.cf7-custom-container input.btn-submit:hover {
    background-color: #FFC505 !important;    /* Sfondo Giallo */
    color: #7924FF !important;               /* Testo Viola */
}

/* --- STILE CHECKBOX PRIVACY --- */

.privacy-box {
    font-size: 14px;      /* Testo un po' più piccolo per la privacy */
    color: #333;
    display: flex;        /* Allinea casella e testo */
    align-items: center;  /* Centra verticalmente */
    gap: 10px;            /* Spazio tra casella e testo */
    margin-bottom: 15px !important; /* Spazio prima del bottone */
}

/* Link Privacy in Viola */
.privacy-box a {
    color: #4B169F;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border 0.3s;
}

.privacy-box a:hover {
    border-bottom: 1px solid #4B169F; /* Sottolineatura al passaggio del mouse */
}

/* Personalizzazione della casellina (Checkbox) */
.cf7-custom-container input[type="checkbox"] {
    /* Reset degli stili generici degli input */
    width: 20px !important; 
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #4B169F !important;
    border-radius: 4px !important; /* Leggermente arrotondata */
    cursor: pointer;
    
    /* Colora la spunta di viola (funziona sui browser moderni) */
    accent-color: #4B169F; 
}
/* --- ZERO SPAZIO VERTICALE (DESKTOP & MOBILE) --- */

/* 1. Rimuoviamo margini dalle righe */
.cf7-row, 
.cf7-row-two-cols {
    margin-bottom: 0px !important; 
    padding-bottom: 0px !important;
}

/* 2. Rimuoviamo margini dalle colonne interne */
.cf7-col {
    margin-bottom: 0px !important;
}

/* 3. Gestione Flexbox (Colonne) */
.cf7-row-two-cols {
    display: flex;
    gap: 20px; /* Mantiene spazio orizzontale tra Nome e Cognome */
    align-items: stretch; /* Assicura allineamento */
}

/* 4. ELIMINAZIONE TOTALE SPAZI NASCOSTI (Paragrafi e 'a capo') */
/* Contact Form 7 aggiunge spesso  e  invisibili che creano spazio. Li nascondiamo. */
.cf7-custom-container p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.cf7-custom-container br {
    display: none !important; /* Nasconde i 'br' automatici */
}

/* Eccezione: Ripristiniamo lo spazio per il testo della Privacy (altrimenti è illeggibile) */
.privacy-box p {
    line-height: 1.4 !important;
    margin: 10px 0 !important; /* Un minimo di spazio per separarla dall'ultimo campo */
}
.privacy-box {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* --- RESPONSIVE (MOBILE) --- */
@media (max-width: 600px) {
    /* Su mobile, Nome e Cognome vanno uno sotto l'altro. 
       Dobbiamo togliere il gap verticale che il flexbox creerebbe. */
    .cf7-row-two-cols {
        flex-direction: column;
        gap: 0px !important; /* Zero spazio tra le colonne impilate */
    }
    
    /* Assicuriamoci che ogni input non spinga giù quello successivo */
    .cf7-col {
        margin-bottom: 0px !important;
    }
}
/* --- STILE MENU A TENDINA (SELECT) --- */
.cf7-custom-container select {
    /* 1. Nascondiamo la freccia standard di sistema (che non si può spostare) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 2. Inseriamo una freccia personalizzata (Colore tuo Viola #4B169F) */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234B169F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    
    background-repeat: no-repeat;
    background-size: 16px; /* Dimensione della freccetta */
    
    /* 3. POSIZIONAMENTO: Qui decidi la distanza dal bordo destro */
    /* 'right 20px' significa: stacca l'icona di 20px dal lato destro */
    background-position: right 20px center !important; 

    /* 4. Aggiungiamo spazio interno a destra affinché il testo lungo non vada sopra l'icona */
    padding-right: 45px !important; 
    
    cursor: pointer;
}
/* --- STILE FORZATO PER IL CAMPO MESSAGGIO --- */

/* Usiamo più selettori per essere sicuri di "colpire" il bersaglio */
.cf7-custom-container textarea,
.wpcf7 textarea, 
.wpcf7 form textarea.wpcf7-textarea {
    
    /* Dimensioni */
    height: 150px !important;
    width: 100% !important;
    
    /* PADDING (Aumentato per visibilità) */
    padding-top: 15px !important;    /* Ho messo 30px così noti subito se cambia */
    padding-bottom: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    
    /* Stile Visivo */
    background-color: #fff !important;
    border: 1px solid #6c429c !important;
    border-radius: 30px !important;
    color: #333 !important;
    
    /* Reset vari */
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    resize: none !important;
    line-height: 1.5 !important; /* Assicura che il testo non sia schiacciato */
}

/* Placeholder */
.cf7-custom-container textarea::placeholder,
.wpcf7 textarea::placeholder {
    color: #333 !important;
    opacity: 0.8 !important;
}

/* Pagina WORDPRESS di richiesta passoword */
/* 1. Contenitore principale del modulo */
.post-password-form {
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 12px;
    text-align: center;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* 2. Stile del testo di istruzione */
.post-password-form p {
    font-size: 1.1rem;
    color: #444;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* 3. Etichetta (Label) e Input Wrapper */
.post-password-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
}

/* 4. Campo di inserimento Password */
.post-password-form input[type="password"] {
    display: block;
    width: 100%;
    padding: 12px 15px;
    margin: 10px 0 20px 0;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box; /* Assicura che il padding non sballi la larghezza */
}

.post-password-form input[type="password"]:focus {
    border-color: #0073aa; /* Colore classico WordPress, personalizzabile */
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
    outline: none;
}

/* 5. Pulsante di invio (Submit) */
.post-password-form input[type="submit"] {
    display: inline-block;
    background-color: #7924FF;
    color: #ffffff;
    padding: 12px 30px;
    border: solid 2px #7924FF;
    border-radius: 100px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none; /* Rimuove stili di default su iPhone/iPad */
}

.post-password-form input[type="submit"]:hover {
	    color: #4B169F;
    background-color: #FFC505;
	border-color: #7924FF;
}

.post-password-form input[type="submit"]:active{transform:translateY(0)}@media (max-width:600px){.post-password-form{margin:20px;padding:20px}}