/*css du menu principal*/



@media (max-width: 1200px) {
    .inside-navigation.grid-container {
        padding: 0px 0px 0px 50px;
    }
    }

@media (max-width: 1100px) {
    .main-navigation .main-nav ul li a{
        padding-left: 15px !important;
        padding-right: 15px !important;
	}
}@media (max-width: 1000px) {
    .main-navigation .main-nav ul li a{
        padding-left: 10px !important;
        padding-right: 10px !important;
	}
}@media (max-width: 900px) {
    .main-navigation .main-nav ul li a{
        padding-left: 5px !important;
        padding-right: 5px !important;
	}
  }
.main-navigation{
    border-bottom: 1px solid var(--contrast-3);
} 


	
	/* Pour centrer le logo dans le header */
/*https://docs.generatepress.com/article/centering-logo-navigation/*/
@media(min-width: 769px) {
        .inside-header>.site-branding,
        .inside-header>.navigation-branding,
        .inside-header>.site-logo,
        .site-branding-container,
        #site-navigation .navigation-branding .site-logo,
        #sticky-navigation .navigation-branding {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
      
      
         /* pour passer le logo du panier en blanc quand on est en mode mobil*/ 
       .main-navigation a.cart-contents:not(.has-svg-icon).shopping-basket:before {
        color: var(--base)
	}   
}

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-right: auto;
    }
}
	
/* fin du centrage du logo*/


#mobile-header {
  background-color:var(--omb-main-color);

}
	
/* Pour centrer le logo sur les mobiles*/
	#mobile-header .site-logo {
    position: absolute;
    left: calc( 50% - 40px); /* 50% from the left - half your image width */
}

#mobile-header button.menu-toggle {
    position: absolute;
   right: 0;
  color: var(--base-3);
}


/*Pour désactiver la loupe de recherche sur les mobiles*/
#mobile-header .search-item{
	display: none;
}

.main-navigation .menu-toggle {
       font-size: 20px !important ;
}




/*En mobil, Pour un fond plein sur le main menu */
.mobile-header-navigation:not(.navigation-stick) {
  background-color:var(--omb-main-color);
}	
	
/* Pour donner de la transparence au sticky menu*/	

.main-navigation.navigation-stick .main-nav ul li,
.main-navigation.navigation-stick a:not([aria-label*='Close'])  

{
    color: #fff; 
}	

.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul,
.main-navigation.is_stuck .sub-menu,
{
    background-color:  rgba(17,99,77,.7);
}