.bwa-menu-top-submenu__item-list {
    display         : flex;
    /*justify-content : space-between;*/
    justify-content : center;
    flex-direction  : column;
    background      : var(--color-grey-header);
}

.bwa-menu-top-submenu__item-list .bwa-menu__title__wrapper {
    color       : white;
    font-weight : 500;
    padding     : 0.20rem 0.7rem;
}

.bwa-menu-top-submenu__item-list .bwa-menu__main-item {
    padding       : 0.00rem 0;
    border-bottom : 1px solid #363636;
}

.bwa-menu-top-submenu__item-list .bwa-menu__link-title {
    display     : flex;
    align-items : center;
}

.bwa-menu-top-submenu__item-list .bwa-menu__title__wrapper:hover {
    color : grey;
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="true"] .mobile_only {
    display : none;
}

.bwa-menu-top-submenu #tab_mon_compte, .bwa-menu-top-submenu #tab_mon_panier {
    display : none;
}

.bwa-menu-top-submenu__item-list .bwa-menu__title {
    font-size : var(--font-size-200)
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="false"] .bwa-menu__main-item.new-products {
    order : 1;
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="false"] .bwa-menu__main-item {
    order : 2;
}

.bwa-menu__main-item.hasSub {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-flow       : column;
    /*overflow: hidden;*/
    flex-flow       : column;
}

.bwa-menu__main-item {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-flow       : column;
    /*overflow: hidden;*/
    flex-flow       : column;
}

.bwa-menu-top-submenu__wrapper .bwa-menu__main-item {
    width : 100%;
}

.bwa-menu-top-submenu {
    position : relative;
    z-index  : 3;
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="false"] .bwa-menu__main-item .bwa-menu__link-title {
    position : relative;
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="false"] .bwa-menu__main-item.hasSub .bwa-menu__link-title:before {
    content          : '';
    background-image : url("../../img/arrow.svg");
    background-size  : contain;
    position         : absolute;
    right            : 0;
    transform        : translateX(100%) rotate(0deg);
    transition       : all 0.2s;
    height           : 15px;
    width            : 15px;
}

.bwa-menu-top-submenu__wrapper[data-is-desktop="false"] .bwa-menu__main-item.hasSub .bwa-menu__link-title.--is-show:before {
    transform : translateX(100%) rotate(90deg);
}

.bwa-menu__main-item.hasSub .bwa-menu__sub-menu__wrapper {
    position         : absolute;
    transform        : translateY(110px);
    z-index          : 2;
    background-color : grey;
    width            : 100%;
    left             : 0;
    top              : 0rem;
    opacity          : 0;
    height           : fit-content;
    max-height       : 0px;
    box-shadow       : 2px 2px 11px 0 rgba(0, 0, 0, .2);

    scrollbar-color  : var(--color-secondary) var(--color-grey-default);
    scrollbar-width  : thin;
}

body[data-is-desktop="false"] .bwa-menu__main-item.hasSub .bwa-menu__sub-menu__wrapper {
    position  : relative;
    transform : translateY(0px);
}

@media (min-width: 1200px){
    body[data-is-desktop="true"] .bwa-menu__main-item.hasSub:hover .bwa-menu__sub-menu__wrapper,
    .bwa-menu__main-item.hasSub .bwa-menu__sub-menu__wrapper.--is-show {
        max-height : calc(100vh - 300px);
        overflow-y : auto;
        opacity    : 1;
    }
}

.bwa-menu__main-item.hasSub .bwa-menu__sub-menu__wrapper.--is-show {
    max-height : calc(100vh - 300px);
    overflow-y : auto;
    opacity    : 1;
}

.bwa-menu__main-item.hasSub  .bwa-menu__sub-menu__title__wrapper{
    padding: 7.5px 0;
}

.bwa-menu__sub-menu {
    gap                   : 20px;
    display               : grid;
    padding               : 15px 250px;
    grid-template-columns : repeat(7, 1fr);
    justify-content       : center;
    max-width             : 2000px;
    margin                : 0 auto;
}

body[data-is-desktop="false"] .bwa-menu__sub-menu {
    grid-template-columns : repeat(1, 1fr);
    padding               : 10px 0 0 25px;
    gap                   : 10px;
}

.bwa-menu__sub-menu__wrapper,
.bwa-menu__sub-menu {
    background-color : var(--color-grey-default);
}


.bwa-menu__sub-menu__title__wrapper.list,
body[data-is-desktop="false"] .bwa-menu__sub-menu__title__wrapper {
    text-align  : left;
    font-size   : .9rem;
    font-weight : 300;
    color       : white;
    transition  : all 0.3s;
    background  : transparent;
}

body[data-is-desktop="false"] .bwa-menu__sub-menu__title__wrapper {
    font-size     : .9rem;
    font-weight   : 300;
    margin-bottom : 0rem;
}

body[data-is-desktop="false"] .bwa-menu__sub-menu__wrapper .bwa-menu__title__wrapper,
body[data-is-desktop="false"] .bwa-menu__sub-menu__wrapper .bwa-menu__title {
    color       : white;
    font-weight : 500;
    padding     : 0;
    font-size   : 1.1em;
}

body[data-is-desktop="false"] .bwa-menu__sub-menu__title__wrapper img {
    display : none;
}

.bwa-menu__sub-menu__title__wrapper.list:hover,
body[data-is-desktop="false"] .bwa-menu__sub-menu__title__wrapper:hover {
    color     : var(--color-secondary);
    transform : scale(1.02);
}

body[data-is-desktop="true"] .bwa-menu__sub-menu__title__wrapper.card {
    display       : flex;
    flex-flow     : column;
    align-items   : center;
    height        : 100%;

    box-shadow    : 2px 2px 11px 0 rgba(0, 0, 0, .2);
    border-radius : 5px;
    background    : var(--color-black-default);
    padding       : 1rem;
    font-size     : .9rem;
    font-weight   : 300;
    color         : white;
    transition    : all 0.3s;
}

body[data-is-desktop="true"] .bwa-menu__sub-menu__title__wrapper.card:hover {
    color      : var(--color-secondary);
    transform  : scale(1.02);
    box-shadow : 4px 4px 15px 0 rgba(0, 0, 0, .2);
}

body[data-is-desktop="true"] .bwa-menu__sub-menu__title__wrapper.card img {
    border-radius : 4px;
}

body[data-is-desktop="true"] .bwa-menu__sub-menu__title__wrapper.card span {
    flex-grow : 1;
}

body[data-is-desktop="true"] .bwa-menu__sub-menu__title__wrapper.card img {
    width      : 100%;
    max-width  : 100px;
    max-height : 100px;
    object-fit : cover;
}


@media (max-width : 1024px) {
    .bwa-menu__sub-menu {
        grid-template-columns : repeat(3, 1fr);
    }
}

@media (min-width : 1200px) and (max-width : 1500px) {
    .bwa-menu__sub-menu {
        grid-template-columns : repeat(5, 1fr);
        padding               : 15px 150px;
    }
}

@media (min-width : 1200px) {
    .bwa-menu-top-submenu__item-list {
        flex-direction : row;
    }

    .bwa-menu-top-submenu__item-list {
        /*background: #000000 url('/modules/bwa_menu/views/assets/img/bg-submenu.png');*/
    }

    .bwa-menu-top-submenu__item-list .bwa-menu__main-item {
        /*padding       : 1.25rem 0;*/
        border-bottom : 0 solid grey;
    }

    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__main-item {
        padding       : 0.10rem 0;
    }

    /*.bwa-menu-top-submenu__item-list .bwa-menu__main-item.new-products {*/
    /*    background : var(--color-secondary);*/
    /*}*/
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item:-webkit-any(.restock, .new-products, .promo) .bwa-menu__title__wrapper,
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item:is(.restock, .new-products, .promo) .bwa-menu__title__wrapper {
        /*.bwa-menu-top-submenu__item-list .bwa-menu__main-item.restock .bwa-menu__title__wrapper,*/
        /*.bwa-menu-top-submenu__item-list .bwa-menu__main-item.new-products .bwa-menu__title__wrapper,*/
        /*.bwa-menu-top-submenu__item-list .bwa-menu__main-item.promo .bwa-menu__title__wrapper {*/
        color : var(--color-secondary-associated, currentColor);
    }

    /**********************
    ***SPECIAL EVEENTS****
    **********************/
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item.blackfriday .bwa-menu__link-title .bwa-menu__title__wrapper,.bwa-menu-top-submenu__item-list .bwa-menu__main-item.christmas .bwa-menu__link-title .bwa-menu__title__wrapper, .bwa-menu-top-submenu__item-list .bwa-menu__main-item.newyear .bwa-menu__link-title .bwa-menu__title__wrapper, .bwa-menu-top-submenu__item-list .bwa-menu__main-item.sales .bwa-menu__link-title .bwa-menu__title__wrapper {
        text-transform : uppercase;
        font-weight: bold;
    }
    /* BLACK FRIDAY */
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item.blackfriday .bwa-menu__link-title .bwa-menu__title__wrapper {
        color : #000000;
        text-transform : uppercase;
    }
    .bwa-menu__main-item.blackfriday {
        background : #ffffff;
    }
    /* BLACK FRIDAY */

    /* CHRISTMAS */
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item.christmas .bwa-menu__link-title .bwa-menu__title__wrapper {
        color : #e0001a;
        text-transform : uppercase;
    }
    .bwa-menu__main-item.christmas {
        background: #ffd700;
    }
    /* CHRISTMAS */

    /* NEW YEAR */
    /*.bwa-menu-top-submenu__item-list .bwa-menu__main-item.newyear .bwa-menu__link-title .bwa-menu__title__wrapper {*/
    /*    color : #ffffff;*/
    /*    text-transform : uppercase;*/
    /*}*/
    /*.bwa-menu__main-item.newyear {*/
    /*    background : #000000;*/
    /*}*/
    /* NEW YEAR */

    /* SALES */
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item.sales .bwa-menu__link-title .bwa-menu__title__wrapper {
        color : #000000;
    }
    .bwa-menu__main-item.sales {
        background : #ffffff;
    }
    /* SALES */

    /* VALENTINE'S DAY */
    .bwa-menu-top-submenu__item-list .bwa-menu__main-item.valentinesday .bwa-menu__link-title .bwa-menu__title__wrapper {
        color : #000000;
    }
    .bwa-menu__main-item.valentinesday {
        background : #ffc0cb;
    }
    /* VALENTINE'S DAY */

    /**********************
    ***SPECIAL EVEENTS****
    **********************/


    .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : var(--font-size-100)
    }

    .bwa-menu-top-submenu__item-list .bwa-menu__title__wrapper {
        padding : 0.20rem 0.5rem;
    }
}

@media (min-width : 1450px) {
    .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : var(--font-size-150)
    }
}

@media (min-width : 1600px) {
    .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : var(--font-size-200)
    }

    .bwa-menu-top-submenu__item-list .bwa-menu__title__wrapper {
        padding : 0.20rem 0.7rem;
    }
}

@media (min-width : 1500px) and (max-width : 1700px) {
    .bwa-menu__sub-menu {
        grid-template-columns : repeat(6, 1fr);
        padding               : 15px 200px;
    }
}

@media (min-width: 1200px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list{
        display: grid;
    }
}

@media (min-width: 1200px) and (max-width: 1299px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : 9px
    }
}

@media (min-width: 1300px) and (max-width: 1399px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : 10px
    }
}

@media (min-width: 1400px) and (max-width: 1499px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : 10px
    }
}

@media (min-width: 1500px) and (max-width: 1599px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : 11px
    }
}

@media (min-width: 1600px) and (max-width: 1699px){
    .bwa-menu-top-submenu__wrapper[data-id-bwamenu="8"] .bwa-menu-top-submenu__item-list .bwa-menu__title {
        font-size : 11px
    }
}