.elementor-763 .elementor-element.elementor-element-6df9c24:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-6df9c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-82ba8b4 );}.elementor-763 .elementor-element.elementor-element-6df9c24{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-763 .elementor-element.elementor-element-6df9c24 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-763 .elementor-element.elementor-element-101cb17{--spacer-size:50px;}.elementor-763 .elementor-element.elementor-element-0a7dba7:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-0a7dba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-82ba8b4 );}.elementor-763 .elementor-element.elementor-element-0a7dba7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-763 .elementor-element.elementor-element-0a7dba7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-763 .elementor-element.elementor-element-4c42b21{text-align:center;}.elementor-763 .elementor-element.elementor-element-4c42b21 .elementor-heading-title{color:#FFFFFF;font-family:"Quicksand", Sans-serif;font-size:38px;font-weight:700;}.elementor-763 .elementor-element.elementor-element-bd1c5c4:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-bd1c5c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-82ba8b4 );}.elementor-763 .elementor-element.elementor-element-bd1c5c4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-763 .elementor-element.elementor-element-bd1c5c4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-763 .elementor-element.elementor-element-701b46d{--spacer-size:15px;}.elementor-763 .elementor-element.elementor-element-b861d2e{--spacer-size:10px;}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-25d0a02 *//* Conteneur principal du formulaire */
.form-devis-combles {
    max-width: 700px;
    margin: 0 auto; /* centre le formulaire horizontalement dans la page */
    padding: 20px;
}

/* Si le formulaire est dans une page avec du texte aligné à gauche par défaut */
.wpcf7 {
    display: flex;
    justify-content: center;
}

.ligne-form {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center; /* centre les champs si un seul par ligne sur petit écran */
}

.ligne-form span.wpcf7-form-control-wrap {
    flex: 1;
    min-width: 250px;
}

/* Style des champs texte, tel, email */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    border: 2px solid #4ecb96;
    border-radius: 14px;
    padding: 20px 18px;
    font-size: 16px;
    color: #4a5568;
    font-weight: 600;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left; /* le texte tapé reste aligné à gauche dans le champ */
    transition: border-color 0.3s ease;
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form textarea::placeholder {
    color: #4a5568;
    font-weight: 600;
    opacity: 0.9;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #2ecc71;
}

/* Zone de message plus grande */
.ligne-message textarea {
    min-height: 250px;
    resize: vertical;
}

/* Bouton Envoyer centré (au lieu d'aligné à droite) */
.ligne-submit {
    display: flex;
    justify-content: center; /* centré comme le reste du formulaire */
    margin-top: 10px;
}

.wpcf7-form input[type="submit"] {
    background-color: #4ecb96;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 18px 45px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #3bb583;
}

/* Responsive : passage en 1 colonne sur mobile, bien centré */
@media (max-width: 600px) {
    .ligne-form {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .ligne-form span.wpcf7-form-control-wrap {
        width: 100%;
        max-width: 400px;
    }
}/* End custom CSS */