#tarja-slide ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    list-style-type: none !important;
}

.navbar-nav>li>a {
    height: 42px !important;
    padding: 10px !important;
}

.navbar-nav>li {
    height: 42px !important;
}

a.link-todas-categorias {
    background: white !important;
    border-radius: 50px;
}

.ul-todas-categorias li>a:hover {
    color: white !important;
    fill: white !important;
    background: var(--cor-1) !important;
}

.menu-item-root:hover>a.menu-link-root {
    color: var(--mega-menu-opcao-hover-cor) !important;
    border-radius: 40px;
}

/* CORREÇÕES PARA MEGA MENU - ARQUIVO SEPARADO */

/* ============== 1. REMOVER BACKGROUND NO HOVER ============== */

/* Corrige hover nos links do mega menu */
.mega-dropdown-menu>li ul>li>a:hover {
    text-decoration: none;
    color: var(--cor-1);
    background-color: transparent !important;
    /* Background removido */
}

.mega-dropdown-menu .menu-link-l3:hover {
    background: transparent !important;
    /* Background removido */
    color: var(--mega-menu-opcao-hover-cor) !important;
    text-decoration: none;
}

.sub-menu>li>a:hover {
    color: #000 !important;
    font-weight: bold;
    background-color: transparent !important;
    /* Background removido */
}

/* Garantia para todos os elementos do mega menu */
.mega-dropdown-menu a:hover,
.mega-dropdown-menu .menu-link-l2:hover,
.mega-dropdown-menu .menu-link-l3:hover,
.mega-dropdown-menu>li ul>li>a:hover,
.sub-menu>li>a:hover,
.mega-dropdown-menu .mega-cta-link:hover {
    background-color: transparent !important;
}

/* ============== 2. MENU MAIS PARA CIMA (REDUZIR GAP) ============== */

/* Reposiciona o dropdown mais próximo do item pai */
.mega-dropdown-menu {
    margin-top: -1vh !important;
    /* Aumentado para subir mais */
    top: 100% !important;
    border-top: none !important;
}

.dropdown-menu.mega-dropdown-menu {
    margin-top: -1vh !important;
    /* Aumentado para subir mais */
}

/* Ajuste quando o dropdown é aberto via hover */
.dropdown:not(.nohover):hover .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1vh !important;
    /* Aumentado para subir mais */
}

/* Ajuste quando o dropdown é aberto via clique (.open) */
.dropdown.open>.mega-dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1vh !important;
    /* Aumentado para subir mais */
}

/* ============== 3. MELHORIAS ADICIONAIS ============== */

/* Aumenta a área de hover do item pai para facilitar acesso */
.nav>li.mega-dropdown {
    padding-bottom: 20px !important;
}

/* Aumenta a área clicável do link pai */
.mega-dropdown>a {
    padding-bottom: 25px !important;
    position: relative;
    z-index: 99980;
}

/* Adiciona um triângulo/indicador visual opcional para melhorar a conexão visual */
.mega-dropdown-menu:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 99981;
}

/* Remove qualquer transição que possa causar delay no fechamento */
.mega-dropdown-menu {
    transition: opacity 0.1s ease, visibility 0.1s ease !important;
}

/* Garante que o menu fique acima de outros elementos */
.dropdown-menu.mega-dropdown-menu {
    z-index: 99982 !important;
}

/* Ajuste para dropdowns abertos por clique manterem a posição correta */
.nav>li.mega-dropdown.open>.mega-dropdown-menu {
    margin-top: -1vh !important;
    display: flex !important;
}

/* ============== 4. AJUSTES RESPONSIVOS (se necessário) ============== */

@media (max-width: 992px) {

    /* Remove correções no mobile se não forem necessárias
    .mega-dropdown-menu {
        margin-top: 0 !important;
    }

    .dropdown:not(.nohover):hover .dropdown-menu {
        margin-top: 0 !important;
    }

    .dropdown.open>.mega-dropdown-menu {
        margin-top: 0 !important;
    }

    .nav>li.mega-dropdown {
        padding-bottom: 0 !important;
    }

    .mega-dropdown>a {
        padding-bottom: 10px !important;
    } */
}

/* ============== CORREÇÃO ESPECÍFICA SOLICITADA ============== */

/* Aplica a cor --mega-menu-opcao-hover-cor para os itens do dropdown "Todas as Categorias" */
.dropdown-menu.mega-dropdown-menu.dropdown-desktop.container.dropdown-todas-categorias > li > ul > li > a:hover {
    color: var(--mega-menu-opcao-hover-cor) !important;
}

/* Seletor alternativo (caso o anterior seja muito específico) */
.ul-todas-categorias > li > ul > li > a:hover,
.dropdown-todas-categorias .mega-dropdown-menu > li > ul > li > a:hover {
    color: var(--mega-menu-opcao-hover-cor) !important;
}