/* Estilos Gerais do Acordeão */
.woo-category-accordion { 
    width: 100%; 
    max-width: 100%; 
    font-family: sans-serif; 
    border-radius: 6px; 
    overflow: hidden; 
}

.woo-accordion-list, 
.woo-accordion-submenu, 
.woo-accordion-sub-submenu, 
.woo-final-products { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    background: #fff; 
}

.woo-accordion-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    border-bottom: 1px solid #eee; 
    padding: 2px 0; 
}

.woo-cat-link { 
    text-decoration: none; 
    color: #333; 
    font-weight: 600; 
    font-size: 15px; 
    flex-grow: 1; 
}

.woo-cat-link:hover { 
    color: #007cba; 
}

/* Container do Botão/Seta */
.woo-accordion-toggle { 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 5px; 
    transition: transform 0.3s ease; 
    user-select: none; 
}

/* Rotação: Quando a classe .active é adicionada pelo JS, roda a seta 180º (aponta para cima) */
.woo-accordion-toggle.active { 
    transform: rotate(180deg); 
}

/* Garante que o SVG importado obedece ao tamanho e cor correta */
.woo-accordion-toggle svg { 
    width: 16px; 
    height: 16px; 
    fill: currentColor; 
    display: block; 
}

.woo-accordion-toggle svg[fill="none"] { 
    fill: none; 
}

/* Estilo dos Produtos */
.woo-accordion-product { 
    border-bottom: 1px solid #eee; 
    padding: 10px 15px; 
    background: #fafafa; 
}

.woo-accordion-product a { 
    text-decoration: none; 
    color: #555; 
    font-size: 14px; 
    font-weight: normal; 
    display: block; 
}

.woo-accordion-product a:hover { 
    color: #007cba; 
    padding-left: 5px; 
    transition: all 0.2s; 
}

/* Recuos dinâmicos por nível */
.depth-1 > .woo-accordion-header { 
    padding-left: 30px; 
    background: #fbfbfb; 
}

.depth-2 > .woo-accordion-header { 
    padding-left: 45px; 
    background: #f5f5f5; 
}

.depth-3 > .woo-accordion-header { 
    padding-left: 60px; 
    background: #f0f0f0; 
}

/* Recuo de produtos finais */
.depth-0 > .woo-final-products .woo-accordion-product { 
    padding-left: 30px; 
}

.depth-1 > .woo-final-products .woo-accordion-product { 
    padding-left: 45px; 
}

.depth-2 > .woo-final-products .woo-accordion-product { 
    padding-left: 60px; 
}