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

#header {
  position : sticky;
  top      : 0;
}

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

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

.overlay_global {
  display        : block;
  position       : fixed;
  z-index        : -1;
  width          : 100%;
  height         : 100vh;
  background     : rgba(0, 0, 0, 0);
  pointer-events : none;
  left           : 0;
  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        : 430px;
  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;
}

.bwa-menu__top__wrapper .bwa-menu__main-item {
  flex-grow : 1;
  padding   : 0 25px 0 30px;
}

#tab_initial, #tab_back {
  font-size             : 20px;
  font-weight           : 600;
  text-transform        : initial;
  border-bottom         : 1px solid #E7E7E7;
  background            : white;
  padding               : 10px 25px 10px 30px !important;
  line-height           : 42px;
  color                 : #242425;
  display               : grid;
  column-gap            : 15px;
  grid-template-columns : 1fr auto 1fr;
  text-align            : center;
  margin-bottom         : 20px;
}

#tab_initial .bwa-menu__logo {
  grid-column : 2;
}

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

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

.bwa-menu__close {
  display         : flex;
  padding         : 5px 0;
  cursor          : pointer;
  transition      : 0.3s ease;
  margin          : 0;
  justify-content : flex-end;
}

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

.bwa-menu__close-container {
  display         : flex;
  width           : 40px;
  height          : 40px;
  align-items     : center;
  background      : var(--color-grey-default);
  border-radius   : 50px;
  justify-content : center;
}

.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 25px 0 30px;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title__wrapper,
.bwa-menu__top__wrapper .subMenu_title__wrapper {
  position        : relative;
  display         : flex;
  justify-content : space-between;
  padding         : 0 0 0 17px;
  align-items     : center;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title__wrapper svg {
  min-width : 26px;
}

.bwa-menu__sub-menu__title__container {
  display        : flex;
  gap            : 10px;
  flex-direction : row;
  align-items    : center;
  white-space    : nowrap;
  overflow       : hidden;
  text-overflow  : ellipsis;
}

.bwa-menu__sub-menu__title__container .bwa-menu__sub-menu__img-cat {
  width           : 42px;
  min-width       : 42px;
  height          : 42px;
  border-radius   : 50px;
  border          : 1px solid #D1DBE4;
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.bwa-menu__sub-menu__title__container .bwa-menu__sub-menu__img-cat img {
  mix-blend-mode : darken;
  height         : 32px;
  width          : 32px;
  min-width      : 32px;
  border-radius  : 50px;
}

.bwa-menu__sub-menu__part.bwa-menu__sub-menu__part--sub-col .bwa-menu__sub-menu__title__wrapper, .subcategory-brands__container .subcategory-brands__list {
  padding        : 0;
  color          : #29496F;
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 36px;
  letter-spacing : 0.48px;
}

.bwa-menu__sub-menu__part.bwa-menu__sub-menu__part--sub-col .bwa-menu__sub-menu__title__wrapper span {
  transition : all 0.3s ease-in-out;
}

.bwa-menu__sub-menu__part.bwa-menu__sub-menu__part--sub-col .bwa-menu__sub-menu__title__wrapper :hover, .subcategory-brands__container .subcategory-brands__list:hover {
  color : var(--color-primary);
}

.bwa-menu__top__wrapper .bwa-menu__link-title[data-depth="0"] {
  color          : #29496F;
  font-size      : 17px;
  font-style     : normal;
  font-weight    : 500;
  letter-spacing : 0.51px;
}

.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;
  justify-content : space-between;
  width           : 100%;
  text-align      : left;
  align-items     : center;
  gap             : 10px;
}

/*.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        : 430px;
  transform        : translate3d(100%, 0, 0);
  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 25px 0 30px !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 {
  color          : #1E3044;
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 75px;
  letter-spacing : 0.48px;
  text-transform : uppercase;
}

#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 .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;
}

.bwa-menu__top__wrapper .bwa-menu__sub-menu__title[data-depth="1"] {
  color          : #29496F;
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 45px;
  letter-spacing : 0.54px;
  text-transform : initial;
}

.bwa-menu__top__wrapper[data-is-desktop='false'] .bwa-menu__sub-menu__title[data-depth="1"] {
  font-size   : 18px;
  line-height : 60px;
}

.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;
}

.mobile-tab__container {
  border-top : 1px solid #ECECEC;
  display    : flex;
  padding    : 25px 0 50px;
}

.mobile-highlight {
  display        : flex;
  flex-direction : column;
  gap            : 20px;
  padding        : 60px 25px 40px 30px;
}

.mobile-highlight a {
  position      : relative;
  overflow      : hidden;
  border-radius : 10px;
}

.mobile-highlight a img {
  transition : all 0.3s ease-in-out;
}

.mobile-highlight a:hover img {
  transform : scale(1.1);
}