/* ================================================
   BENIN-IMMO - Hero Fallback CSS
   Fix : Elementor CSS custom properties non résolues
   avant l'exécution de elementor-frontend.min.js
   ================================================ */

/* Hero container - fallback pour CSS vars Elementor */
.elementor-element-7267a7c1 {
    display: flex !important;
    min-height: 800px !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin-top: -100px !important;
    position: relative !important;
}

/* Background image hero desktop (déjà dans le CSS Elementor,
   mais on s'assure que le sélecteur :not() fonctionne) */
.elementor-element-7267a7c1:not(.elementor-motion-effects-element-type-background),
.elementor-element-7267a7c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://benin-immo.com/wp-content/uploads/2026/05/Agence-immobiliere-Cotonou-BENIN-IMMO-1920-X-1080.jpg");
    background-position: center center !important;
    background-size: cover !important;
}

/* Overlay sombre */
.elementor-element-7267a7c1::before {
    background-color: rgba(0, 0, 0, 0.56) !important;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
    pointer-events: none;
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-element-7267a7c1:not(.elementor-motion-effects-element-type-background) {
        background-image: url("https://benin-immo.com/wp-content/uploads/2026/05/Agence-immobiliere-Cotonou-BENIN-IMMO-Mobile-750.webp") !important;
        min-height: 600px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-element-7267a7c1:not(.elementor-motion-effects-element-type-background) {
        background-image: url("https://benin-immo.com/wp-content/uploads/2026/05/Agence-immobiliere-Cotonou-BENIN-IMMO-Mobile-750.webp") !important;
        background-position: center center !important;
        background-size: cover !important;
        min-height: 480px !important;
        margin-top: 0 !important;
    }
}

/* S'assurer que le contenu héro (texte + formulaire) est au-dessus de l'overlay */
.elementor-element-7267a7c1 > .e-con-inner,
.elementor-element-7267a7c1 > .elementor-container {
    position: relative;
    z-index: 1;
}