#SUBMENU 
#ROLAGEM

/* 1. Permite que o submenu transborde a caixa principal das categorias */
.cat-menu__category .category-menu {
    overflow: visible !important;
}

/* 2. Força o submenu a flutuar corretamente ao lado, alinhado ao topo, sem cortar os itens inferiores */
.cat-menu__list li.menu-item-has-children {
    position: relative !important;
}

.cat-menu__list li.menu-item-has-children > .submenu {
    top: 0 !important;
    bottom: auto !important;
    height: auto !important;
    max-height: none !important;
    pointer-events: auto !important;
}

/* 3. Garante que o hover continua ativo em toda a extensão da lista de subcategorias */
.cat-menu__list li.menu-item-has-children:hover > .submenu,
.cat-menu__list li.menu-item-has-children .submenu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}