.elementor-1833 .elementor-element.elementor-element-a6168bf{--display:flex;}.elementor-1833 .elementor-element.elementor-element-1b87133 .elementor-button{background-color:var( --e-global-color-74bd0c1 );font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-style:solid;border-color:var( --e-global-color-accent );border-radius:30px 30px 30px 30px;}.elementor-1833 .elementor-element.elementor-element-740259d{padding:10px 0px 10px 0px;text-align:center;}.elementor-1833 .elementor-element.elementor-element-740259d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;color:var( --e-global-color-text );}.elementor-1833 .elementor-element.elementor-element-ba3893a{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-1833 .elementor-element.elementor-element-f8bfe72{--display:flex;}.elementor-1833 .elementor-element.elementor-element-2d3af9c{--display:flex;}.elementor-1833 .elementor-element.elementor-element-f902396{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1833 .elementor-element.elementor-element-740259d{text-align:center;}.elementor-1833 .elementor-element.elementor-element-740259d .elementor-heading-title{font-size:25px;}.elementor-1833 .elementor-element.elementor-element-ba3893a{font-size:15px;}.elementor-1833 .elementor-element.elementor-element-f902396{text-align:start;font-size:15px;}}/* Start custom CSS for container, class: .elementor-element-f8bfe72 *//* ==========================================================================
   STYLE UNIVERSEL FORMULAIRE DEVIS - FLUENT FORMS & ELEMENTOR
   ========================================================================== */

/* Fix marges globales du formulaire */
.fluentform,
.fluentform_wrapper {
    padding: 10px 15px !important;
    box-sizing: border-box !important;
}

/* 1. Titres des champs (Labels) */
.fluentform .ff-el-input-label,
.fluentform label,
.fluentform .ff-el-form-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #0F172A !important;
    margin-bottom: 10px !important;
/* 2. Transformation des Boutons Radio en CARTES CLIQUABLES EN 2 COLONNES */
.fluentform .ff-el-group .ff-el-input-element,
.fluentform .carte-devis .ff-el-input-element,
.fluentform .ff-field-type-radio .ff-el-input-element {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 24px !important;
}

/* Style de chaque carte d'option */
.fluentform .ff-el-form-check,
.fluentform .carte-devis .ff-el-form-check,
.fluentform .ff-field-type-radio .ff-el-form-check {
    width: 100% !important;
    margin: 0 !important;
    border: 2px solid #E2E8F0 !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

/* Survol de la carte */
.fluentform .ff-el-form-check:hover {
    border-color: #93C5FD !important;
    background-color: #EFF6FF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(29, 78, 216, 0.08) !important;
}

/* Carte Sélectionnée (Cochée) */
.fluentform .ff-el-form-check:has(input:checked),
.fluentform .ff-el-form-check.ff_item_selected {
    border-color: #1D4ED8 !important;
    background-color: #EFF6FF !important;
    box-shadow: 0 4px 14px rgba(29, 78, 216, 0.15) !important;
}

.fluentform .ff-el-form-check:has(input:checked) label,
.fluentform .ff-el-form-check.ff_item_selected label {
    color: #1D4ED8 !important;
    font-weight: 700 !important;
}

/* 3. Champs de texte, email, tel, select, textarea */
.fluentform .ff-el-form-control,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform select,
.fluentform textarea {
    width: 100% !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #0F172A !important;
    background-color: #FFFFFF !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    margin-bottom: 6px !important;
}

/* Focus quand le prospect clique dans une case */
.fluentform .ff-el-form-control:focus,
.fluentform input:focus,
.fluentform select:focus,
.fluentform textarea:focus {
    border-color: #1D4ED8 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(29, 78, 216, 0.12) !important;
    background-color: #FFFFFF !important;
}

/* Zone de message */
.fluentform textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* 4. Bouton d'envoi principal */
.fluentform .ff-btn-submit {
    background-color: #1D4ED8 !important;
    color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 16px 32px !important;
    border-radius: 30px !important;
    border: none !important;
    width: 100% !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 14px rgba(29, 78, 216, 0.25) !important;
}

.fluentform .ff-btn-submit:hover {
    background-color: #0F172A !important;
}

/* 5. Adaptation Écran Smartphone Mobile */
@media (max-width: 640px) {
    .fluentform .ff-el-group .ff-el-input-element,
    .fluentform .carte-devis .ff-el-input-element,
    .fluentform .ff-field-type-radio .ff-el-input-element {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}/* End custom CSS */