.elementor-155 .elementor-element.elementor-element-c85c95e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:60px;--padding-left:80px;--padding-right:80px;}.elementor-155 .elementor-element.elementor-element-c85c95e:not(.elementor-motion-effects-element-type-background), .elementor-155 .elementor-element.elementor-element-c85c95e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192F5A;}.elementor-155 .elementor-element.elementor-element-18dad4c{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-155 .elementor-element.elementor-element-ec796ca{text-align:center;}.elementor-155 .elementor-element.elementor-element-ec796ca img{max-width:70%;}.elementor-155 .elementor-element.elementor-element-6b9d92f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-3a330f1{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-155 .elementor-element.elementor-element-3a330f1 .elementor-heading-title{font-size:22px;font-weight:700;letter-spacing:2px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-00f4dd5{width:var( --container-widget-width, 103.422% );max-width:103.422%;--container-widget-width:103.422%;--container-widget-flex-grow:0;}.elementor-155 .elementor-element.elementor-element-00f4dd5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-155 .elementor-element.elementor-element-647866c{--display:flex;}.elementor-155 .elementor-element.elementor-element-b691229{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-155 .elementor-element.elementor-element-b691229 .elementor-heading-title{font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-155 .elementor-element.elementor-element-8116454{--display:flex;}.elementor-155 .elementor-element.elementor-element-c77e0a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-155 .elementor-element.elementor-element-c77e0a4 .elementor-heading-title{font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-155 .elementor-element.elementor-element-71b548eb:not(.elementor-motion-effects-element-type-background), .elementor-155 .elementor-element.elementor-element-71b548eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192F5A;}.elementor-155 .elementor-element.elementor-element-71b548eb{border-style:solid;border-width:1px 0px 0px 0px;border-color:rgba(255,255,255,0.15);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 80px 24px 80px;}.elementor-155 .elementor-element.elementor-element-71b548eb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-155 .elementor-element.elementor-element-1f5516e{--grid-template-columns:repeat(0, auto);text-align:right;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-155 .elementor-element.elementor-element-47099ae0{padding:0px 0px 0px 0px;}.elementor-155 .elementor-element.elementor-element-98e27db:not(.elementor-motion-effects-element-type-background), .elementor-155 .elementor-element.elementor-element-98e27db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192F5A;}.elementor-155 .elementor-element.elementor-element-98e27db{border-style:solid;border-width:1px 0px 0px 0px;border-color:rgba(255,255,255,0.15);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:24px 80px 24px 80px;}.elementor-155 .elementor-element.elementor-element-98e27db > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-155 .elementor-element.elementor-element-929e4b8{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-155 .elementor-element.elementor-element-95463b2{padding:0px 0px 0px 0px;text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-18dad4c *//* --- LIGNE VERTICALE SÉPARATRICE (CENTRÉE) --- */

@media (min-width: 769px) {
    .mla-footer-logo-col {
        /* La ligne fine Ivoire transparente */
        border-right: 1px solid rgba(239, 235, 220, 0.2) !important;
        
        /* 1. L'espace à GAUCHE de la ligne (entre le logo et la ligne) */
        padding-right: 40px !important; 
        
        /* 2. L'espace à DROITE de la ligne (entre la ligne et le texte "Maison MLA") */
        margin-right: 40px !important; 
    }
}

/* Désactivation propre sur mobile */
@media (max-width: 768px) {
    .mla-footer-logo-col {
        border-right: none !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c85c95e *//* --- FOOTER MAISON MLA PREMIUM --- */

/* 1. TEXTES GLOBAUX & PARAGRAPHES (S'applique à toutes les colonnes) */
.mla-footer-premium p,
.mla-footer-premium span,
.mla-footer-premium .elementor-text-editor {
    font-family: 'Rowan Julio', serif !important;
    font-size: 14px !important;
    line-height: 2.2 !important;
    color: #B8B4AC !important; /* Gris chaud/Taupe */
}

/* 2. LES LIENS (Menus, e-mails, téléphones) */
.mla-footer-premium a,
.mla-footer-premium .elementor-icon-list-text {
    font-family: 'Rowan Julio', serif !important;
    font-size: 14px !important;
    color: #B8B4AC !important;
    text-decoration: none !important;
    transition: color 0.4s ease, transform 0.4s ease !important;
    display: inline-block;
}

/* Effet au survol des liens (S'illumine en Ivoire) */
.mla-footer-premium a:hover,
.mla-footer-premium .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #EFEBDC !important;
    transform: translateX(4px); /* Petit glissement élégant vers la droite */
}

/* 3. TITRES DES COLONNES (Contact, Suivez-nous...) */
.mla-footer-premium .elementor-widget-heading .elementor-heading-title {
    font-family: 'Biskaed', serif !important;
    color: #FFFFFF !important;
    font-size: 22px !important;
    font-weight: normal !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

/* Exception : Le Titre Principal "Logo" (S'il a la classe mla-footer-logo) */
.mla-footer-logo .elementor-heading-title {
    font-size: 32px !important; /* Plus grand pour marquer la hiérarchie */
    letter-spacing: 2px !important;
}

/* 4. CHAMP NEWSLETTER (Design "Verre") */
.mla-footer-premium input[type="email"],
.mla-footer-premium input[type="text"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(239, 235, 220, 0.2) !important;
    color: #FFFFFF !important;
    padding: 14px 20px !important;
    width: 100% !important;
    font-family: 'Rowan Julio', serif !important;
    font-size: 14px !important;
    border-radius: 0 !important; /* Angles droits très chics */
    transition: all 0.4s ease !important;
    box-shadow: none !important;
}

/* Effet au clic dans la newsletter */
.mla-footer-premium input:focus {
    outline: none !important;
    border-color: #EFEBDC !important; /* La bordure s'allume en Ivoire */
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Style du texte indicatif à l'intérieur du champ */
.mla-footer-premium ::placeholder {
    color: rgba(184, 180, 172, 0.6) !important;
    font-style: italic !important;
}


/* =========================================================
   5. ADAPTATION RESPONSIVE (CENTRAGE MOBILE & TABLETTE)
   ========================================================= */

@media (max-width: 1024px) {
    /* Force le centrage de tous les textes et titres */
    .mla-footer-premium,
    .mla-footer-premium .elementor-widget-container,
    .mla-footer-premium .elementor-text-editor,
    .mla-footer-premium .elementor-heading-title,
    .mla-footer-premium p,
    .mla-footer-premium span {
        text-align: center !important;
    }

    /* Centre les listes d'icônes (comme le menu ou les réseaux) */
    .mla-footer-premium .elementor-icon-list-items {
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Centre les boutons éventuels (bouton newsletter par exemple) */
    .mla-footer-premium .elementor-button-wrapper {
        text-align: center !important;
    }

    /* Remplace le glissement à droite par un petit soulèvement vertical pour rester symétrique */
    .mla-footer-premium a:hover,
    .mla-footer-premium .elementor-icon-list-item:hover .elementor-icon-list-text {
        transform: translateY(-2px);
    }
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-1f5516e *//* --- RÉSEAUX SOCIAUX FOOTER MAISON MLA --- */

/* 1. ÉTAT NORMAL (Minimaliste et pur) */
.mla-footer-social .elementor-social-icon {
    background-color: transparent !important; /* Fond transparent pour voir le bleu de la section */
    color: rgba(239, 235, 220, 0.7) !important; /* Icône en Ivoire légèrement atténué */
    border: 1px solid rgba(239, 235, 220, 0.2) !important; /* Cercle très discret en Ivoire */
    width: 44px !important; /* Une taille ni trop grande, ni trop petite */
    height: 44px !important;
    border-radius: 50% !important;
    
    /* Transition très douce pour l'animation */
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Ajustement de la taille du petit logo à l'intérieur (Facebook, Insta...) */
.mla-footer-social .elementor-social-icon i,
.mla-footer-social .elementor-social-icon svg {
    font-size: 16px !important;
    height: 16px !important;
    fill: currentColor;
    transition: all 0.4s ease !important;
}

/* --- 2. ÉTAT AU SURVOL (Élévation et lumière) --- */
.mla-footer-social .elementor-social-icon:hover {
    background-color: rgba(239, 235, 220, 0.05) !important; /* Un très léger voile lumineux apparaît à l'intérieur */
    border-color: rgba(239, 235, 220, 0.8) !important; /* Le contour du cercle devient bien visible */
    color: #FFFFFF !important; /* L'icône passe en blanc pur pour attirer l'œil */
    
    /* Élévation délicate de 4 pixels vers le haut */
    transform: translateY(-4px); 
    
    /* Petite ombre douce en dessous pour marquer le soulèvement */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-47099ae0 *//* --- SIGNATURE AGENCE FOOTER --- */

.mla-footer-signature {
    text-align: center; /* Vous pouvez mettre 'left' ou 'right' selon l'alignement de votre footer */
    padding: 20px 0;
    
    /* Optionnel : ajoute un trait ultra fin au-dessus pour séparer du reste du footer */

}

.mla-footer-signature p {
    font-family: 'Rowan Julio', serif;
    font-size: 13px; /* Taille discrète */
    letter-spacing: 1px;
    color: rgba(239, 235, 220, 0.4); /* Ivoire très transparent pour la discrétion */
    margin: 0;
}

/* Le lien "Ozmo Agency" */
.mla-footer-signature a {
    color: rgba(239, 235, 220, 0.7); /* L'agence ressort légèrement plus que le reste de la phrase */
    text-decoration: none;
    position: relative;
    transition: color 0.4s ease;
}

/* --- ANIMATION AU SURVOL DU LIEN AGENCE --- */
.mla-footer-signature a:hover {
    color: #FFFFFF; /* Le nom de l'agence s'éclaire */
}

/* Création du micro-soulignement animé */
.mla-footer-signature a::after {
    content: '';
    position: absolute;
    width: 0; /* Le trait est invisible par défaut */
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #FFFFFF;
    transition: width 0.4s ease; /* Le trait s'allonge en douceur */
}

.mla-footer-signature a:hover::after {
    width: 100%; /* Le trait souligne tout le nom de l'agence au survol */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-71b548eb */.elementor-element-footer-social p { font-family: 'Rowan Julio', serif; font-size: 20px; letter-spacing: 12px; } .elementor-element-footer-social a { color: #B8B4AC; text-decoration: none; } .elementor-element-footer-social a:hover { color: #FFFFFF; } .elementor-element-footer-copy .elementor-heading-title { font-family: 'Rowan Julio', serif; color: #B8B4AC; font-size: 13px; font-weight: 400; }/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-929e4b8 *//* --- RÉSEAUX SOCIAUX FOOTER MAISON MLA --- */

/* 1. ÉTAT NORMAL (Minimaliste et pur) */
.mla-footer-social .elementor-social-icon {
    background-color: transparent !important; /* Fond transparent pour voir le bleu de la section */
    color: rgba(239, 235, 220, 0.7) !important; /* Icône en Ivoire légèrement atténué */
    border: 1px solid rgba(239, 235, 220, 0.2) !important; /* Cercle très discret en Ivoire */
    width: 44px !important; /* Une taille ni trop grande, ni trop petite */
    height: 44px !important;
    border-radius: 50% !important;
    
    /* Transition très douce pour l'animation */
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Ajustement de la taille du petit logo à l'intérieur (Facebook, Insta...) */
.mla-footer-social .elementor-social-icon i,
.mla-footer-social .elementor-social-icon svg {
    font-size: 16px !important;
    height: 16px !important;
    fill: currentColor;
    transition: all 0.4s ease !important;
}

/* --- 2. ÉTAT AU SURVOL (Élévation et lumière) --- */
.mla-footer-social .elementor-social-icon:hover {
    background-color: rgba(239, 235, 220, 0.05) !important; /* Un très léger voile lumineux apparaît à l'intérieur */
    border-color: rgba(239, 235, 220, 0.8) !important; /* Le contour du cercle devient bien visible */
    color: #FFFFFF !important; /* L'icône passe en blanc pur pour attirer l'œil */
    
    /* Élévation délicate de 4 pixels vers le haut */
    transform: translateY(-4px); 
    
    /* Petite ombre douce en dessous pour marquer le soulèvement */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-95463b2 *//* --- SIGNATURE AGENCE FOOTER --- */

.mla-footer-signature {
    text-align: center; /* Vous pouvez mettre 'left' ou 'right' selon l'alignement de votre footer */
    padding: 20px 0;
    
    /* Optionnel : ajoute un trait ultra fin au-dessus pour séparer du reste du footer */

}

.mla-footer-signature p {
    font-family: 'Rowan Julio', serif;
    font-size: 13px; /* Taille discrète */
    letter-spacing: 1px;
    color: rgba(239, 235, 220, 0.4); /* Ivoire très transparent pour la discrétion */
    margin: 0;
}

/* Le lien "Ozmo Agency" */
.mla-footer-signature a {
    color: rgba(239, 235, 220, 0.7); /* L'agence ressort légèrement plus que le reste de la phrase */
    text-decoration: none;
    position: relative;
    transition: color 0.4s ease;
}

/* --- ANIMATION AU SURVOL DU LIEN AGENCE --- */
.mla-footer-signature a:hover {
    color: #FFFFFF; /* Le nom de l'agence s'éclaire */
}

/* Création du micro-soulignement animé */
.mla-footer-signature a::after {
    content: '';
    position: absolute;
    width: 0; /* Le trait est invisible par défaut */
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #FFFFFF;
    transition: width 0.4s ease; /* Le trait s'allonge en douceur */
}

.mla-footer-signature a:hover::after {
    width: 100%; /* Le trait souligne tout le nom de l'agence au survol */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-98e27db */.elementor-element-footer-social p { font-family: 'Rowan Julio', serif; font-size: 20px; letter-spacing: 12px; } .elementor-element-footer-social a { color: #B8B4AC; text-decoration: none; } .elementor-element-footer-social a:hover { color: #FFFFFF; } .elementor-element-footer-copy .elementor-heading-title { font-family: 'Rowan Julio', serif; color: #B8B4AC; font-size: 13px; font-weight: 400; }/* End custom CSS */