.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#474747;--e-global-color-text:#000000;--e-global-color-accent:#EAEAEA;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   1. DESKTOP & TABLETTE (Dès 1025px)
   ============================================================ */
@media (min-width: 1025px) {
    
    /* ÉTAT PAR DÉFAUT (TOUT EN HAUT) */
    .header-noir {
        display: flex !important;
        position: relative !important;
        z-index: 100 !important;
    }

    .header-blanc {
        display: none !important; /* Totalement supprimé au repos */
    }

    /* ÉTAT SCROLLÉ (DÈS 1 PIXEL) */
    /* On utilise la classe injectée par Elementor au scroll */
    .elementor-sticky--effects.header-blanc {
        display: flex !important; /* Apparition immédiate */
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: #FFFFFF !important;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* On cache le noir dès que le blanc est là */
    .elementor-sticky--effects.header-noir {
        display: none !important;
    }
}

/* ============================================================
   2. MOBILE (Header blanc fixe par défaut)
   ============================================================ */
@media (max-width: 1024px) {
    .header-noir {
        display: none !important;
    }
    .header-blanc {
        display: none !important;
        
    }
    
}/* End custom CSS */