.mobile-navigation,
.header-navigation-mobile-menu{
    display: none !important;
}


/* SPECTRA TABLET */
@media screen and (max-width: 976px) {
	
}

/* SPECTRA  MOBILE  */
@media screen and (max-width: 767px) {
	.mobile-navigation,
    .header-navigation-mobile-menu{
        display: flex !important;
    }
    .header-navigation-mobile-menu{
        background: var(--wp--preset--color--primary);
    }
    .navigation-menu{
        display: none !important;
    }
    /* MOBILE HEADER */
    .menu-icon{
        cursor: pointer;
        z-index: 100;
        display: flex;
    }
    .menu-close-icon{
        display: none;
    }
    body:has(.header-navigation-mobile-menu.active) .menu-close-icon{
        display: flex;
    }
    body:has(.header-navigation-mobile-menu.active) .menu-open-icon{
        display: none;
    }
    .header-navigation-mobile-menu{
        position: fixed;
        width: 100%;
        top: -100%;
        z-index: 10;
        left: 0;
        transition: 0.2s;
        height: calc(100vh);
    }
    .logged-in .header-navigation-mobile-menu.active{
        top: 50px;
    }
    .header-navigation-mobile-menu.active{
        top: 0px;
        padding: 20px;
    }
    .navigation-container{
        margin-right: auto;
    }
    .navigation-container ul{
        flex-direction: column;
        align-items: flex-start;
    }
    body:has(.header-navigation-mobile-menu.active){
        overflow-y: hidden;
    }
    .header-navigation-mobile-menu > div{
        min-height: 100%;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }


}