.elementor-617 .elementor-element.elementor-element-381e228{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f0a915a *//* --- PAGE BOUTIQUE : OUVERTURE PROCHAINE --- */

.mla-coming-soon-wrapper {
    position: relative;
    width: 100%;
    min-height: 70vh; /* Prend au moins 70% de la hauteur de l'écran */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #192F5A; /* Fond Bleu Saphir */
    overflow: hidden;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* 1. LUMINOSITÉ SUBTILE EN ARRIÈRE-PLAN */
.mla-cs-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40vw;
    height: 40vw;
    background: radial-gradient(circle, rgba(239, 235, 220, 0.05) 0%, rgba(25, 47, 90, 0) 70%);
    z-index: 0;
    pointer-events: none;
}

/* 2. LE CONTENEUR PRINCIPAL */
.mla-coming-soon-content {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 700px;
}

/* 3. L'ICÔNE (Avec animation de respiration) */
.mla-cs-icon {
    font-size: 28px;
    color: #EFEBDC; /* Ivoire */
    margin-bottom: 20px;
    animation: mlaBreathe 4s infinite ease-in-out;
}

/* 4. LA TYPOGRAPHIE */
.mla-cs-surtitle {
    display: block;
    font-family: 'Rowan Julio', serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: rgba(239, 235, 220, 0.6);
    margin-bottom: 15px;
    /* Animation d'apparition */
    opacity: 0;
    animation: mlaFadeInUp 1s ease forwards 0.3s;
}

.mla-cs-title {
    font-family: 'Biskaed', serif;
    font-size: 64px;
    color: #EFEBDC;
    margin: 0;
    line-height: 1.1;
    /* Animation d'apparition */
    opacity: 0;
    animation: mlaFadeInUp 1s ease forwards 0.6s;
}

/* 5. LA LIGNE DÉCORATIVE QUI S'ÉTIRE */
.mla-cs-divider {
    height: 1px;
    background-color: rgba(239, 235, 220, 0.3);
    margin: 40px auto;
    /* Animation de largeur */
    width: 0;
    animation: mlaExpandWidth 1.5s cubic-bezier(0.25, 1, 0.3, 1) forwards 1s;
}

.mla-cs-text {
    font-family: 'Rowan Julio', serif;
    font-size: 18px;
    line-height: 1.8;
    color: rgba(239, 235, 220, 0.8);
    margin: 0 0 50px 0;
    /* Animation d'apparition */
    opacity: 0;
    animation: mlaFadeInUp 1s ease forwards 1.3s;
}

/* 6. LE BOUTON DE REDIRECTION */
.mla-cs-button {
    display: inline-block;
    font-family: 'Rowan Julio', serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #EFEBDC;
    text-decoration: none;
    padding: 16px 36px;
    border: 1px solid rgba(239, 235, 220, 0.3);
    border-radius: 50px;
    transition: all 0.4s ease;
    /* Animation d'apparition */
    opacity: 0;
    animation: mlaFadeInUp 1s ease forwards 1.6s;
}

.mla-cs-button:hover {
    background-color: #EFEBDC;
    color: #192F5A;
    border-color: #EFEBDC;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* --- 7. LES ANIMATIONS CLÉS (KEYFRAMES) --- */

/* Effet de respiration lumineuse sur l'étoile */
@keyframes mlaBreathe {
    0%, 100% { opacity: 0.5; transform: scale(0.95); text-shadow: none; }
    50% { opacity: 1; transform: scale(1.05); text-shadow: 0 0 15px rgba(239, 235, 220, 0.6); }
}

/* Apparition vers le haut (Fade-in up) */
@keyframes mlaFadeInUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Extension de la ligne depuis le centre */
@keyframes mlaExpandWidth {
    0% { width: 0; }
    100% { width: 150px; }
}

/* --- 8. ADAPTATION MOBILE --- */
@media (max-width: 768px) {
    .mla-cs-title {
        font-size: 42px;
    }
    .mla-cs-text {
        font-size: 16px;
        padding: 0 10px;
    }
    .mla-cs-button {
        padding: 14px 28px;
        font-size: 12px;
    }
    .mla-coming-soon-wrapper {
        min-height: 60vh;
    }
}/* End custom CSS */