/*
--------------------------------------
Style généraux
--------------------------------------
*/
.bwa-menu__top__wrapper {
  --primary-color         : #000000;
  --primary-color-lighter : #5a5a5a;
  --primary-grey-color    : #e5e5e5;
}

/*
--------------------------------------
Style Burger
--------------------------------------
*/
#bwa-menu__burger {
  margin : 0 14px 0 8px;
  cursor : pointer;
  flex   : 0 0 auto;
}

/*
--------------------------------------
Style overlay
--------------------------------------
*/

.overlay_global {
  display        : block;
  position       : fixed;
  top            : 0;
  left           : 0;
  z-index        : 2;
  width          : 100%;
  height         : 100vh;
  background     : rgba(0, 0, 0, 0);
  pointer-events : none;
  transition     : all 0.4s;
}

/*.header-main__menu__wrapper:hover + .overlay_global,*/
.bwa-menu__top__wrapper.is--active + .overlay_global,
.overlay_global.is--active {
  background     : rgba(0, 0, 0, .4);
  pointer-events : all;
}

/*
--------------------------------------
Style top main menu General
--------------------------------------
*/

.bwa-menu__top__wrapper {
  position         : fixed;
  top              : 0;
  left             : 0;
  bottom           : 0;

  max-height       : 100vh;
  overflow-x       : hidden;
  overflow-y       : auto;
  z-index          : 6;
  background-color : #fff;

  width            : 100%;
  max-width        : 320px;
  transform        : translate3d(-100%, 0, 0);
  border-right     : 1px solid #242425;
  transition       : all .4s;
}

.bwa-menu__top__wrapper.is--active {
  transform : translate3d(0, 0, 0);
}

.bwa-menu__top__wrapper .bwa-menu__top {
  display         : flex;
  flex-direction  : column;
  margin          : 0 auto;
  position        : relative;
  justify-content : center;
}

#tab_initial, #tab_back {
  font-size       : 20px;
  font-weight     : 600;
  text-transform  : initial;
  border-bottom   : 1px solid #E7E7E7;
  background      : white;
  padding         : 10px 13px 10px 20px !important;
  line-height     : 42px;
  color           : #242425;
  display         : flex;
  justify-content : space-between;
  align-items     : center;
}

.tab_back__container {
  padding      : 10px;
  cursor       : pointer;
  transition   : 0.3s ease;
  margin-right : 25px;
  display      : flex;
}

.tab_back__container:hover {
  transform : translateX(-5px);
}

.bwa-menu__close {
  display     : flex;
  margin-left : auto;
  padding     : 5px;
  cursor      : pointer;
  transition  : 0.3s ease;
}

.bwa-menu__close:hover {
  opacity : 0.8;
}

.bwa-menu__top__wrapper .gray-bg {
  background : #f4f4f4;
}

.bwa-menu__top__wrapper .mobile_only {
  position    : relative;
  display     : flex;
  align-items : center;
  padding     : 0;
}

.bwa-menu__top__wrapper .mobile_only:before {
  pointer-events : none;
  position       : absolute;
  left           : 20px;
}

/*#tab_mon_compte.mobile_only:before {*/
/*    content : url(/modules/bwamenu/views/assets/img/icon_login_top.png);*/
/*}*/

/*#tab_mon_panier.mobile_only:before {*/
/*    content : url(/modules/bwamenu/views/assets/img/icon_panier_top.png);*/
/*}*/

/*#tab_acces_pro.mobile_only:before {*/
/*    content : url(/modules/bwamenu/views/assets/img/icon_pros_top.png);*/
/*}*/

.bwa-menu__close.mobile_only {
  padding : 0 10px 0 10px;
  cursor  : pointer;
}

#tab_mon_compte.mobile_only > a,
#tab_mon_panier.mobile_only > a,
#tab_acces_pro.mobile_only > a {
  padding : 0 10px 0 20px;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title__wrapper,
.bwa-menu__top__wrapper .subMenu_title__wrapper {
  position        : relative;
  display         : flex;
  /*align-items     : center;*/
  justify-content : space-between;
}

.bwa-menu__top__wrapper .bwa-menu__link-title[data-depth="0"] {
  width           : 100%;
  display         : block;
  color           : #262626;
  text-transform  : initial;
  font-style      : normal;
  font-size       : calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
  text-decoration : none;
  font-weight     : 500;
  line-height     : 3em;
  padding         : 0 10px 0 20px;
}

.bwa-menu__top__wrapper .bwa-menu__main-item[data-depth="0"].rose .bwa-menu__link-title[data-depth="0"] {
  color : #ef1860;
  color : var(--primary-color);
}

.bwa-menu__top__wrapper .bwa-menu__title[data-depth="0"] {
  width           : 100%;
  display         : flex;
  justify-content : space-between;
  align-items     : center;
}

.bwa-menu__top__wrapper .sub-menu__trigger {
  flex            : 0 0 40px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  /*position        : absolute;*/
  /*height          : 100%;*/
  /*z-index         : 2;*/
  width           : 40px;
  top             : 0;
  right           : 0;
}

.bwa-menu__top__wrapper .sub-menu__trigger .plus-icon {
  color : black;
}

.bwa-menu__top__wrapper .bwa-menu__title__wrapper {
  position        : relative;
  display         : flex;
  /*align-items     : center;*/
  justify-content : space-between;
  width           : 100%;
  text-align      : left;
}

/*.bwa-menu__sub-menu__wrapper {*/
/*    height     : 0;*/
/*    overflow   : hidden;*/
/*    transition : all 0.3s;*/
/*}*/

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__wrapper {
  position         : absolute;
  top              : 0;
  left             : 0;
  bottom           : 0;
  height           : 100vh !important;
  max-height       : 100vh;
  overflow-x       : hidden;
  overflow-y       : auto;
  z-index          : 1;
  background-color : #fff;
  width            : 100%;
  max-width        : 320px;
  transform        : translate3d(100%, 0, 0);
  /*border-right: 1px solid #242425;*/
  transition       : all .4s;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__main-item.is--active > .bwa-menu__sub-menu__wrapper,
.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__item.is--active > .bwa-menu__sub-menu__wrapper {
  transform : translate3d(0, 0, 0);
  height    : 100vh;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__title__wrapper {
  display         : flex !important;
  flex-direction  : row;
  background      : white !important;
  justify-content : space-between;
  padding         : 0 10px 0 20px !important;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__link-title,
.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__title {
  padding : 0 !important;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__link-title:focus {
  text-decoration : none;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__title,
.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__title {
  line-height    : 2.75em;
  font-size      : 16px !important;
  text-transform : initial;
  color          : #242425 !important;
  font-weight    : 500;
}

#tab_back {
  justify-content : flex-start;
}


.bwa-menu__top__wrapper[data-is-desktop='false'] .sub-menu__trigger svg:not(.mobile_only) {
  display : none;
}

#tab_back svg .cls-1 {
  fill            : none;
  stroke          : white;
  stroke-linecap  : round;
  stroke-linejoin : round;
  stroke-width    : 3px;
}

.sub-menu__trigger svg {
  width : 10px;
}

.sub-menu__trigger svg .cls-1 {
  fill            : none;
  stroke          : black;
  stroke-linecap  : round;
  stroke-linejoin : round;
  stroke-width    : 3px;
}

.bwa-menu__sub-menu {
  /*display : none;*/
  background : white;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__link-title[data-depth="1"] {
  width          : 100%;
  display        : block;
  line-height    : 18px;
  font-weight    : 700;
  text-transform : initial;
  font-style     : normal;
  font-size      : 12px;
  padding        : 0 10px 0 20px;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title[data-depth="1"] {
  display     : block;
  font-size   : 14px;
  color       : var(--color-black-default);
  padding     : 1px 5px 1px 0;
  font-weight : 500;
  transition  : all 0.35s ease-in-out;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title[data-depth="1"]:hover {
  color : #ef1860;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__link-title[data-depth="2"] .bwa-menu__sub-menu__title__wrapper {
  background    : #e6e6e6;
  padding       : 12px 20px 12px 40px;
  border-bottom : 1px solid #fff;
  font-weight   : 700;
}

.see-all-btn__link {
  width          : 100%;
  display        : block;
  text-transform : initial;
  font-style     : normal;
  padding        : 0 10px 0 20px;
  line-height    : 2.75em;
  margin-top     : 5px;
  font-size      : 16px !important;
  color          : #242425 !important;
  font-weight    : 600;
}

/*
--------------------------------------
Style menu bottom
--------------------------------------
*/
.menu__bottom {
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
  padding         : 0 15px 5.86vh 15px;
}

.menu__bottom .menu__bottom__list-item {
  flex-grow     : 1;
  list-style    : none;
  padding-right : 15px;
}

.menu__bottom__list-item h4 {
  font-size     : 18px;
  line-height   : 1.5;
  margin-bottom : 8px;
  margin-top    : 10px;
}

.menu__bottom__list-item .bottom-menu__cat-list {
  margin : 0;
}

.menu__bottom__list-item .bottom-menu__cat-list a {
  color     : #a0a3a3;
  font-size : 11px;
}

.menu__bottom__list-item .link_see_all {
  font-family : Roboto-LightItalic, serif;
  font-size   : 11px;
}