/* 1. Alvo: O LI principal que contém o texto e o ícone */
#component-header-limit-category {
    /* Configura font-size e line-height para 0 para esconder o texto original */
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative;
    
    /* Mantém o alinhamento Flexbox */
    display: flex !important;
    align-items: center !important;
}

/* 2. Restaura o tamanho da fonte para o SPAN (que contém o ícone SVG) */
#component-header-limit-category span {
    font-size: 14px !important; /* Ajuste se o ícone parecer desalinhado */
    line-height: 1 !important;
    display: flex;
}

/* 3. Injeta o NOVO TEXTO */
#component-header-limit-category::after {
    content: "Todas as Categorias"; /* <<< NOVO TEXTO AQUI */
    
    /* Restaura o visual do texto injetado */
    font-size: 14px !important;
    line-height: normal !important;
    color: inherit; 
    font-weight: 500;
    
    /* Espaçamento do ícone */
    margin-left: 5px; 
}

#component-header-menu-content li#component-header-limit-category span {
    font-size: 0px !important;
}

#component-header-menu-content li#component-header-limit-category span svg:last-child{
    display: none !important;
}