.elementor-15 .elementor-element.elementor-element-3bf7c52{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-6a60d5a{--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:center;}.elementor-15 .elementor-element.elementor-element-a0cf1de{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-widget-theme-site-logo .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-15 .elementor-element.elementor-element-74ca3f4{text-align:start;}.elementor-15 .elementor-element.elementor-element-b70f0aa{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-ee6153e .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;fill:#000000;color:#000000;transition-duration:1s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:5px 5px 5px 5px;}.elementor-15 .elementor-element.elementor-element-ee6153e .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-ee6153e .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-ee6153e .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-ee6153e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-a0cf1de{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15 .elementor-element.elementor-element-b70f0aa{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-a0cf1de *//* =========================================
   1. VERSION BUREAU (HOVER ACTIF)
   S'applique uniquement aux écrans > 1024px
   (Identique à ta version actuelle)
   ========================================= */
@media (min-width: 1025px) {
    
    /* ÉTAT REPOS : Tête quasi invisible */
    .elementor-15 .elementor-element.elementor-element-a0cf1de .logo-head {
        width: 1px; 
        opacity: 0.01;
        transform: translateX(-30px) translateZ(0);
        overflow: hidden;
        margin-right: 0;
        will-change: width, transform, opacity, margin-right;
        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* L'image BUREAU (100px) */
    .elementor-15 .elementor-element.elementor-element-a0cf1de .logo-head img {
        width: 100px !important;
        max-width: 100px !important;
        flex-shrink: 0; 
        height: auto;
        display: block;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /* Le texte suit le mouvement */
    .elementor-15 .elementor-element.elementor-element-a0cf1de img:not(.logo-head img) {
        transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* ACTION AU SURVOL (HOVER) */
    .elementor-15 .elementor-element.elementor-element-a0cf1de:hover .logo-head {
        width: 115px; 
        opacity: 1;
        transform: translateX(0) translateZ(0);
        margin-right: 15px; 
    }
}

/* =========================================
   2. VERSION MOBILE & TABLETTE (LOGO SOLO + EFFET CINÉMA)
   S'applique aux écrans < 1024px
   ========================================= */
@media (max-width: 1024px) {

    /* 1. On cache totalement la statue */
    .elementor-15 .elementor-element.elementor-element-a0cf1de .logo-head {
        display: none !important;
    }

    /* 2. On centre le conteneur */
    .elementor-15 .elementor-element.elementor-element-a0cf1de {
        justify-content: center !important;
        display: flex;
    }

    /* 3. L'ANIMATION "CINEMATIC BLUR" */
    @keyframes cinematicFocus {
        0% {
            opacity: 0;
            filter: blur(12px); /* Très flou au début */
            transform: scale(1.1); /* Légèrement zoomé */
        }
        100% {
            opacity: 1;
            filter: blur(0px); /* Netteté parfaite */
            transform: scale(1); /* Taille normale */
        }
    }

    /* 4. On applique l'animation sur le logo texte */
    .elementor-15 .elementor-element.elementor-element-a0cf1de img:not(.logo-head img) {
        /* Hauteur fixe conservée pour la lisibilité */
        height: 70px !important; 
        width: auto !important;
        
        /* Lancement de l'animation */
        animation: cinematicFocus 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        
        /* État initial avant animation (pour éviter le flash) */
        opacity: 0; 
    }
}/* End custom CSS */