/*	*********************************************	*/
/*	Formulaire Contact Form 7	*/
/*	https://knowledge.parcours-performance.com/wordpress-contact-form-7-avec-style-divi/	*/
/*	*********************************************	*/

/* Style global des champs Contact Form 7 */
.wpcf7 input.text, 
.wpcf7 input.title, 
.wpcf7 input[type="email"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="text"], 
.wpcf7 select, 
.wpcf7 textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 8px;
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 16px;
}
/* Pour que le texte indicatif soit bien lisible mais un peu plus discret que le texte tapé */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: rgba(255, 255, 255, 0.7); /* Blanc à 70% d'opacité */
    opacity: 1; /* Nécessaire pour uniformiser l'affichage sur Firefox */
}
/* Griser l'option qui sert de placeholder dans les menus déroulants */
.wpcf7 select option:first-child {
    color: #999999;
}
/* S'assurer que les autres vraies options restent lisibles (noires/foncées) */
.wpcf7 select option:not(:first-child) {
    color: #000000; 
}
/* Cibler le texte de la case d'acceptation RGPD */
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
}
/* Ajuster l'alignement vertical entre la case à cocher et le texte */
.wpcf7 .wpcf7-acceptance input[type="checkbox"] {
    margin-right: 10px; /* Espace la case du texte */
    vertical-align: middle; /* Aligne la case avec le texte */
}
/* 1. Le message global en bas du formulaire (Succès, Erreur serveur, etc.) */
.wpcf7 form .wpcf7-response-output {
    color: #ffffff; /* Texte en blanc */
    border-color: #ffffff; /* Pour que la bordure du message soit raccord avec le texte */
    border-radius: 8px; /* Optionnel : pour adoucir les angles comme tes autres éléments */
}
/* 2. Les petits messages d'erreur sous chaque champ spécifique */
.wpcf7-not-valid-tip {
    color: #ff7e67;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 300;
}
/* Passe le loader d'envoi en blanc */
.wpcf7-spinner {
    filter: invert(100%);
}