/*
 * AMRC-2401: replaces woodmart/css/menu_addons.css (the parent file is not edited).
 * The original `body.hasmenu { overflow: hidden }` hid the page scrollbar while the mega
 * menu was open, so the whole layout jumped sideways by the scrollbar width and the page
 * could not be scrolled. Scrolling inside the menu is kept inside it with
 * overscroll-behavior instead.
 */
.wd-heading .csw-btn {
    display: flex;
    align-items: center;
}
.hasmenu .wd-dropdown-menu{
    padding-left: 20px;
}
.hasmenu .wd-dropdown-menu .container{
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
}
.hasmenu .wd-dropdown-menu section.wd-negative-gap{
    box-sizing: border-box;
    padding-bottom: 56px;
}
.hasmenu .wd-dropdown-menu .container::-webkit-scrollbar{
    width: 4px;
}
.hasmenu .wd-dropdown-menu .container::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.2);
}
.hasmenu .wd-dropdown-menu .container::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 1px;
}