.logo a {
    color: #fff;
}

#header nav a {
    display: inline-flex;
    align-items: center;
    line-height: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
}

.menu_icon_label {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

.menu_icon {
    position: relative;
    min-width: 2rem;
    max-width: 2rem;
    height: 2rem;
    padding: .25rem;
    margin-right: .75rem;
    border-radius: 50%;
    transition: transform .2s ease;
}

.menu_icon_label .menu_icon svg {
    color: #ffffff;
}

.menu_icon_bgcolor_yellow {
  background-color: #F9BD3B;
  background-image: linear-gradient(180deg, #FEDE4A 0%, #F8B035 100%);
  box-shadow: 0 .25rem .5rem 0 rgba(251,205,66,0.3);
}
.menu_icon_bgcolor_purple {
  background-color: #9248E1;
  background-image: linear-gradient(180deg, #9B54E8 0%, #7126C1 100%);
  box-shadow: 0 .25rem .5rem 0 rgba(146,72,225,0.3);
}
.menu_icon_bgcolor_red {
  background-color: #FB614A;
  background-image: linear-gradient(180deg, #FF715C 0%, #F74A2F 100%);
  box-shadow: 0 .25rem .5rem 0 rgba(255,89,64,0.3);
}
.menu_icon_bgcolor_blue {
  background-color: #37A9E4;
  background-image: linear-gradient(180deg, #38B9E6 0%, #368BE1 100%);
  box-shadow: 0 .25rem .5rem 0 rgba(55,169,228,0.3);
}

.menu-item:hover .menu_icon {
    transform: scale(0.9);
}

#header nav .menu li:hover a::before {
    display: none;
}
.menu-item:is(.menu_item_games):hover a {
    color: #F9BD3B;
}
.menu-item:is(.menu_item_apps):hover a {
    color: #9248E1;
}
.menu-item:is(.menu_item_top):hover a {
    color: #FB614A;
}
.menu-item:is(.menu_item_news):hover a {
    color: #37A9E4;
}


.cat-menu-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.cat-menu-collapse.in {
    max-height: 1000px; /* достаточно для всего содержимого */
}

.icon-close {
    display: none;
}


.page-head-cat {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 25px;
}
.head-cat-title {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.cat-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.catalog-genres-item a {
    display: block;
    padding: .375rem .5rem;
    border-radius: .375rem;
    background-color: #1e73be57;
    color: #fff;
    font-weight: bold;
    font-size: .75rem;
    transition: background-color .2s ease;
}

.catalog-genres-item a:hover,
.catalog-genres-item:is(.current) a {
    background-color: #1e73be;
}

.cat-menu-btn,
.cat-menu-btn:focus {
    color: #ffffff;
    width: 45px;
    height: 45px;
    padding: 10px;
    border-radius: 50%;
    background-color: #1e73be57;
}


#header nav .menu>li>.sub-menu {
    padding: 15px;
    visibility: hidden;
}
#header nav .menu>li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
}
#header nav .menu .sub-menu li a {
    padding-right: 0;
    padding-left: 0;
}
#header nav .menu .sub-menu li a:hover {
    color: #1e73be;
    background: transparent;
}

.more_items > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2rem;
    border: 0 none;
    line-height: 1rem;
    padding: .5rem;
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(23, 43, 61, 0) 0%, rgb(113 113 113 / 43%) 100%)
}

.more_items > a:hover,
.more_items:is(.current) > a {
    background-image: linear-gradient(90deg, rgba(76, 203, 112, 0) 0%, rgb(30 115 190 / 43%) 100%);
}
.more_items > a:before,
.more_items > a:after {
    display: none;
}

.hmenu-more-dots {
    width: 24px;
    height: 4px;
    display: flex;
    justify-content: space-between;
    transition: width .2s ease;
}
.hmenu-more-dots i {
    width: 4px;
    height: 4px;
    background-color: #fff;
    transition: background-color .2s ease;
    display: inline-block;
    border-radius: 50%;
}

.more_items > a:hover .hmenu-more-dots i,
.more_items:is(.current) > a .hmenu-more-dots i {
    background-color: #1e73be;
}

.menu-item:is(.order_table) {
    border-bottom: 1px solid #fff;
} 

html #header nav .menu > li.menu-item-has-children > .sub-menu::before {
    display: none;
}

@media(min-width: 900px) {
    #header nav .menu {
        display: flex;
        align-items: center;
    }
}

@media(max-width: 900px) {
    #menu-mobile ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
        width: 100%;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
    #menu-mobile > ul > li {
        justify-content: center;
        display: flex;
        width: calc( 50% - 7.5px );
    }
    #menu-mobile ul li:is(.menu_item_games) {
        background-color: rgba(254, 216, 74, 0.1);
        border-radius: 18px;
    }
    #menu-mobile ul li:is(.menu_item_apps) {
        background-color: rgba(151,79,229,0.1);
        border-radius: 18px;
    }
    #menu-mobile ul li:is(.menu_item_top) {
        background-color: rgba(251, 96, 72, 0.1);
        border-radius: 18px;
    }
    #menu-mobile ul li:is(.menu_item_news) {
        background-color: rgba(55,164,227,0.1);
        border-radius: 18px;
    }
    #menu-mobile ul li:is(.order_table) {
        width: 100%;
        background-color: rgba(76, 203, 112, .1);
        border-radius: 18px;
        border: unset;
    }
    #menu-mobile ul li:is(.order_table) > a {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    #menu-mobile ul li:is(.order_table) > a .menu_icon_label {
        width: 100%;
        justify-content: space-between;
    }
     
    #menu-mobile ul li:is(.more_items) {
        width: 100%;
        border-radius: unset;
    }
    #menu-mobile ul li.menu-item-has-children:is(.more_items)>a,
    #menu-mobile ul li.menu-item-has-children:is(.more_items) i {
        display: none;
    }
    #menu-mobile ul li .sub-menu {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    #menu-mobile ul li a {
        border: unset;
    }
    html #menu-mobile ul li a:hover,
    html #menu-mobile ul li a:focus {
        background: transparent !important;
    }
    #menu-mobile > ul > li:not(.menu-item) {
        width: 100%;
    }
    #menu-mobile ul.social {
        display: flex;
        justify-content: center;
    }
    #wpadminbar {
        display: none;
    }
}