/********************************************************************/
/*******************  NAVBAR   **************************************
/********************************************************************/

#et-top-navigation {
    font-weight: 500 !important;  /* Force le poids normal */
}

/* Retirer l'icone du panier DIVI dans la nav */
.et-cart-info {
    display: none;
}


#main-header {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/*--------------------NAVBAR STICKY : modifs---------------------- */
.et-fixed-header {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* ombre plus marquée  
	backdrop-filter: blur(2px); /* ajout de flou 
    /*-webkit-backdrop-filter: blur(2px); /* Compatibilité avec navigateurs */
    /*background-color: rgba(255,255,255,0.9)!important;*/
}

/* ------------- SOUS MENUS -------------------------------------- */

/* Ajout d'une ligne de séparation dans les sous-menus V2 */
#top-menu .sub-menu li:not(:last-child)>a {
    position: relative;
}

#top-menu .sub-menu li:not(:last-child)>a::after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 90%;
    height: 1px;
    background: rgba(0, 0, 0, 0.10);
}

/* Réduire l'interlignage dans les sous menus  */
#top-menu .sub-menu li a {
    line-height: 1.6em;
}

/* SOUS MENUS : Décalage du sous menu car le dernier est rogné*/
.nav li ul {
    padding: 20px 0;
    width: 210px;
    /* elmt 1/2 pour réduire la largeur du sous menu*/
    text-align: left;
    margin: 0 0 0 -50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
#top-menu li li a {
    width: 210px;
    /* elmt 2/2 pour réduire la largeur du sous menu*/
}

/* SOUS MENUS : items */
#top-menu li li {
    padding: 0 0px;
    font-weight: 400;
}

/* SOUS MENUS : hover des items */
.et_header_style_left #et-top-navigation nav>ul>li>a:hover,
#top-menu li li a:hover {
    color: #017693 !important;
}



/********************************************************************/
/****************  MOBILE NAVIGATION   ******************************
/********************************************************************/

/* Changer la couleur et le fond lors du survol des liens */
.et_mobile_menu li a:hover {
    color: #11afb2 !important;
    background-color: rgba(0, 0, 0, 0.08);
}

/*custom des items*/
.et_mobile_menu li {
    margin-bottom: -5px; /* reduire espacement des items */
    text-align: left !important;}

/* Ajouter un padding aux sous-menus */
.et_mobile_menu li li,
.et_mobile_menu li ul {
    padding-left: 20px !important;
}
/* typo des items */
.et_mobile_menu li a {
	font-weight: 400;
}

/* correction bug couleur du fond de la nav sur smartphone qui est transparent et non fixe*/
@media screen and (max-width: 980px) {
    .container.et_menu_container {
        background-color: #FFFFFF;
        position: fixed;
    }
}

/* le hamburger devient une croix pour fermer */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/* Make the mobile menu full width + full height*/
.container.et_menu_container {
    width: 100%;
}

.et_mobile_menu {
    margin-left: 0px;
    padding: 10px 0 0 0;
    width: calc(100% + 60px);
    min-height: 100vh !important;
    min-height: -webkit-fill-available;
    /*position: fixed;*/ /*crée un bug visuel dans l'admin : double menu*/
}

/* couleur de la bordure*/
.et-mobile-menu {
    border: #11afb2 !important;
}

/*retrait du hamburger du bord droit*/
.mobile_menu_bar::before {
    left: -20px !important;
}

/*retrait du logo du bord gauche*/
.logo_container {
    padding-left: 20px;
}

/*Repositionnement du picto shopping  */
@media screen and (max-width: 980px) {
    .xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
        margin-right: 50px;
        margin-top: 20px;
    }
}