/*
 * LPE — feature « formulaire-reservation »
 *
 * Repris à l'identique de LPE/custom/css-customizer-2026-08-19.css (lignes 27-44
 * puis 92-175), export daté du CSS additionnel du Customizer. Aucune règle n'a
 * été réécrite, réordonnée ni nettoyée : les !important, les commentaires
 * d'origine et la mise en forme sont conservés tels quels.
 *
 * Ce fichier n'est mis en file que sur la page qui porte le formulaire
 * Contact Form 7 (voir init.php).
 *
 * ATTENTION, voir README.md : les quatre premières règles ci-dessous
 * (input.wpcf7-form-control, label, « input, select, textarea », .form-row)
 * ont des sélecteurs qui débordent très au-delà du formulaire.
 */

/* ============================================================
 * ANCIENNES RÈGLES CF7 — candidates à suppression après test.
 * Sélecteurs volontairement conservés tels quels, mais ils
 * débordent bien au-delà du formulaire : « label » et
 * « input, select, textarea » visent tous les champs du site.
 * Marche à suivre pour les retirer : voir README.md.
 * ============================================================ */
/* dimension input formulaire réservation */
input.wpcf7-form-control {
    box-sizing: border-box;
    display: block;
    margin-bottom: 15px;
    width: 100%;
}
label {
    margin-bottom: 0px !important; /* Ajustez la valeur selon vos besoins */
    display: block; /* Assurez-vous que le label est bien positionné */
}
input, select, textarea {
    margin-top: 0px !important; /* Réduit l’espace entre le label et le champ */
    padding: 8px; /* Ajustez le padding si nécessaire */
}
.form-row {
    margin-bottom: 10px !important; /* Réduit l’espacement global des champs */
}
/* ============================================================
 * FORMULAIRE ACTUEL — structure .lpe-*, posée à la main dans le
 * formulaire CF7. C'est la mise en page réelle du formulaire.
 * Solidaire du filtre wpcf7_autop_or_not, voir init.php.
 * ============================================================ */
/* ---- Formulaire de réservation LPE ---- */
.lpe-form {
    max-width: 640px;
}
/* Un champ = label colle a son input, air en dessous */
.lpe-field {
    margin-bottom: 26px;
}
.lpe-field__label {
    display: block;
    margin-bottom: 6px;
    line-height: 1.35;
    font-weight: 600;
}
.lpe-field__input {
    display: block;
    width: 100%;
}
/* Groupes de cases hors villes (langue, provenance) */
.lpe-field__choices .wpcf7-list-item {
    display: block;
    margin: 0 0 6px;
}
.lpe-field__choices .wpcf7-list-item:last-child {
    margin-bottom: 0;
}
/* Section experiences */
.lpe-section {
    margin-bottom: 26px;
}
.lpe-section__title {
    margin: 0 0 14px !important;
    line-height: 1.3 !important;
    font-weight: 600;
}
/* Un bloc ville : nom colle a sa liste */
.lpe-city {
    margin-bottom: 22px;
}
.lpe-city:last-child {
    margin-bottom: 0;
}
.lpe-city__name {
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
    font-weight: 600;
}
.lpe-city__list .wpcf7-list-item {
    display: block;
    margin: 0 0 3px !important;
    line-height: 1.3 !important;
}
.lpe-city__list .wpcf7-list-item:last-child {
    margin-bottom: 0 !important;
}
.lpe-city__list .wpcf7-list-item-label {
    line-height: 1.3 !important;
}
.lpe-city__list .wpcf7-list-item label {
    line-height: 1.3 !important;
    margin: 0 !important;
}
/* Bouton */
.lpe-form__submit {
    margin-top: 8px;
}
/* ---- Validation : champs manquants en rouge ---- */
.lpe-form .wpcf7-not-valid {
    border: 1px solid #d63638 !important;
    background-color: #fdf3f3 !important;
}
.lpe-form .wpcf7-not-valid-tip {
    color: #d63638;
    font-size: 13px;
    margin-top: 4px;
}
.lpe-form .wpcf7-response-output {
    border: 1px solid #d63638 !important;
    background-color: #fdf3f3;
    color: #d63638;
    padding: 12px 16px !important;
    margin: 18px 0 0 !important;
    border-radius: 4px;
}