.elementor-3114 .elementor-element.elementor-element-6e785a1:not(.elementor-motion-effects-element-type-background), .elementor-3114 .elementor-element.elementor-element-6e785a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://mpaimmo.re/wp-content/uploads/2021/01/real-estate-4955086_1280.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-3114 .elementor-element.elementor-element-6e785a1 > .elementor-container{max-width:1140px;}.elementor-3114 .elementor-element.elementor-element-6e785a1 > .elementor-background-overlay{opacity:0.25;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3114 .elementor-element.elementor-element-6e785a1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 80px 20px;}.elementor-3114 .elementor-element.elementor-element-40ea399{text-align:center;}.elementor-3114 .elementor-element.elementor-element-40ea399 .elementor-heading-title{font-family:"Ubuntu", Sans-serif;}.elementor-3114 .elementor-element.elementor-element-0678ff2{text-align:center;font-family:"Ubuntu", Sans-serif;font-size:24px;line-height:30px;}.elementor-3114 .elementor-element.elementor-element-0a59cf6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-3114 .elementor-element.elementor-element-4e41077{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3114 .elementor-element.elementor-element-4e41077 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3114 .elementor-element.elementor-element-31d1c7e{--spacer-size:20px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-3114 .elementor-element.elementor-element-627fc4a > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-627fc4a.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3114 .elementor-element.elementor-element-627fc4a.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3114 .elementor-element.elementor-element-627fc4a.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-627fc4a .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3114 .elementor-element.elementor-element-627fc4a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-3114 .elementor-element.elementor-element-80c7589 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-80c7589.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3114 .elementor-element.elementor-element-80c7589.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3114 .elementor-element.elementor-element-80c7589.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-80c7589 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3114 .elementor-element.elementor-element-80c7589 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b .elementor-image-box-img img{transition-duration:0.3s;}@media(min-width:768px){.elementor-3114 .elementor-element.elementor-element-1bcac03{width:100%;}}@media(max-width:1024px){.elementor-3114 .elementor-element.elementor-element-6e785a1{padding:40px 20px 40px 20px;}}@media(max-width:767px){.elementor-3114 .elementor-element.elementor-element-6e785a1{padding:20px 20px 20px 20px;}.elementor-3114 .elementor-element.elementor-element-0a59cf6{width:100%;max-width:100%;}.elementor-3114 .elementor-element.elementor-element-0a59cf6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3114 .elementor-element.elementor-element-a7ee5d7 .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-7bcc9f5 .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-627fc4a .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-80c7589 .elementor-image-box-img{margin-bottom:15px;}.elementor-3114 .elementor-element.elementor-element-fcc8a0b .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-0a59cf6 *//* ============================================================
   MPA IMMO — Customisation PropertyHive Search Form
   À coller dans : Apparence > Personnaliser > CSS additionnel
   OU dans Elementor > Site Settings > Custom CSS
   ============================================================ */

/* --- Import des polices (si pas déjà chargées par le thème) --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap');


/* ============================================================
   1. WRAPPER PRINCIPAL DU FORMULAIRE
   Cible : .property-search-form (classe générique PropertyHive)
   ============================================================ */

.property-search-form,
.property-search-form-shortcode,
form.property-search-form {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    padding: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-width: 1140px !important;
    box-shadow: none !important;
}


/* ============================================================
   2. CHAQUE CHAMP (.control)
   PropertyHive enveloppe chaque champ dans : <div class="control control-NOM">
   ============================================================ */

.property-search-form .control,
.property-search-form-shortcode .control {
    flex: 1 1 160px !important;
    padding: 14px 20px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.property-search-form .control:last-of-type,
.property-search-form-shortcode .control:last-of-type {
    border-right: none !important;
}

.property-search-form .control:hover,
.property-search-form-shortcode .control:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}


/* ============================================================
   3. LABELS DES CHAMPS
   ============================================================ */

.property-search-form .control label,
.property-search-form-shortcode .control label {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.38) !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
}


/* ============================================================
   4. SELECTS ET INPUTS
   ============================================================ */

.property-search-form .control select,
.property-search-form-shortcode .control select,
.property-search-form .control input[type="text"],
.property-search-form-shortcode .control input[type="text"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100% !important;
    padding: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
}

/* Options du select (fond sombre pour lisibilité) */
.property-search-form .control select option,
.property-search-form-shortcode .control select option {
    background: #1a2235 !important;
    color: #ffffff !important;
}

/* Placeholder / option vide */
.property-search-form .control select option:first-child {
    color: rgba(255, 255, 255, 0.5) !important;
}


/* ============================================================
   5. BOUTON SUBMIT
   ============================================================ */

.property-search-form input[type="submit"],
.property-search-form button[type="submit"],
.property-search-form-shortcode input[type="submit"],
.property-search-form-shortcode button[type="submit"] {
    background: #EAA73C !important;
    color: #0a0f1e !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 0 28px !important;
    height: 56px !important;
    min-width: 120px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    margin-left: 8px !important;
    box-shadow: none !important;
}

.property-search-form input[type="submit"]:hover,
.property-search-form button[type="submit"]:hover,
.property-search-form-shortcode input[type="submit"]:hover,
.property-search-form-shortcode button[type="submit"]:hover {
    background: #f0c070 !important;
    transform: translateY(-1px) !important;
}


/* ============================================================
   6. LABEL AU-DESSUS DU FORMULAIRE (optionnel)
   Ajoutez <p class="mpa-search-label"> au-dessus du shortcode
   via un widget Texte dans Elementor
   ============================================================ */

.mpa-search-label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.35) !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}


/* ============================================================
   7. TAGS DE RECHERCHE RAPIDE (optionnel)
   Ajoutez une div.mpa-search-tags sous le shortcode
   ============================================================ */

.mpa-search-tags {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 16px !important;
    flex-wrap: wrap !important;
}

.mpa-search-tags .mpa-tag-label {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.3) !important;
    font-family: 'DM Sans', sans-serif !important;
}

.mpa-search-tags a,
.mpa-search-tags span.mpa-tag {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    padding: 5px 14px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-family: 'DM Sans', sans-serif !important;
    cursor: pointer !important;
}

.mpa-search-tags a:hover,
.mpa-search-tags span.mpa-tag:hover {
    background: rgba(234, 167, 60, 0.15) !important;
    border-color: rgba(234, 167, 60, 0.3) !important;
    color: #EAA73C !important;
}


/* ============================================================
   8. RESPONSIVE MOBILE
   ============================================================ */

@media (max-width: 768px) {
    .property-search-form,
    .property-search-form-shortcode {
        flex-direction: column !important;
        border-radius: 16px !important;
        padding: 12px !important;
    }

    .property-search-form .control,
    .property-search-form-shortcode .control {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 10px !important;
        padding: 12px 16px !important;
    }

    .property-search-form .control:last-of-type,
    .property-search-form-shortcode .control:last-of-type {
        border-bottom: none !important;
    }

    .property-search-form input[type="submit"],
    .property-search-form-shortcode input[type="submit"] {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
        border-radius: 12px !important;
    }
}/* End custom CSS */