/* ==========================================================
   ASTRA + ELEMENTOR
   HEADER & MENU MOBILE
   ========================================================== */


/* ==========================================================
   1. PROTECTION RESPONSIVE
   ========================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}


/* ==========================================================
   2. HEADER FIXE
   ========================================================== */

#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 9999;
    box-sizing: border-box;
}


/* ==========================================================
   3. HEADER PLEINE LARGEUR
   ========================================================== */

.ast-main-header-wrap,
.site-primary-header-wrap,
.main-header-bar-wrap,
.main-header-bar {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}


/* ==========================================================
   4. PADDING INTERNE DU HEADER
   ========================================================== */

.ast-builder-grid-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
    max-width: 100%;
}


/* ==========================================================
   5. TEXTE DU MENU MOBILE
   ========================================================== */

.ast-mobile-popup-content,
.ast-mobile-popup-content p {
    color: #ffffff !important;
}


.ast-mobile-popup-content .menu-item > a,
.ast-mobile-popup-content .sub-menu a,
.ast-mobile-popup-content .menu-link {
    color: #ffffff !important;
    font-weight: 400;
    transition: all 0.3s ease;
}


/* ==========================================================
   6. SOUS-MENUS
   ========================================================== */

.ast-mobile-popup-content .sub-menu,
.ast-mobile-popup-content .sub-menu .menu-item,
.ast-mobile-popup-content .sub-menu a {
    background: transparent !important;
    background-color: transparent !important;
}


/* ==========================================================
   7. SURVOL + PAGE ACTIVE
   ========================================================== */

.ast-mobile-popup-content .menu-item > a:hover,
.ast-mobile-popup-content .sub-menu a:hover,
.ast-mobile-popup-content .menu-item.current-menu-item > a {
    color: #093B9F !important;
    background: #ffffff !important;
    border-radius: 4px;
}


/* ==========================================================
   8. BOUTON FERMER
   ========================================================== */

.ast-mobile-popup-content .menu-toggle-close,
.ast-mobile-popup-content .ast-close-svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}


/* ==========================================================
   9. ESPACEMENT EN HAUT DU MENU
   ========================================================== */

.ast-mobile-popup-content .main-header-menu,
.ast-mobile-popup-content .ast-builder-menu-mobile {
    margin-top: 20px !important;
}


/* ==========================================================
   10. ESPACEMENT ENTRE LES ÉLÉMENTS
   ========================================================== */

.ast-mobile-popup-content .menu-item {
    margin-bottom: 10px;
    border: none !important;
}


/* ==========================================================
   11. OVERLAY À L'EXTÉRIEUR DU MENU
   ========================================================== */

.ast-mobile-popup-overlay {
    background: rgba(9, 59, 159, 0.35) !important;
}


/* ==========================================================
   12. LANGUES MOBILE
   ========================================================== */

@media (max-width: 544px) {

    .ast-theme-transparent-header .ast-builder-menu .main-header-menu,
    .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link,
    .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,
    .ast-theme-transparent-header .ast-masthead-custom-menu-items,
    .ast-theme-transparent-header .ast-masthead-custom-menu-items a,
    .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle,
    .ast-theme-transparent-header .main-header-menu .menu-link {
        color: #ffffff !important;
    }

    .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link:hover,
    .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link:hover {
        color: #093B9F !important;
    }
}