/* Style menu kategorii sklepu (ShopIndexComponent).
   Wydzielone jako plik globalny, ponieważ RenderCategoryNodes buduje markup
   ręcznie przez RenderTreeBuilder, a taki markup nie otrzymuje atrybutu
   scope CSS Isolation (b-xxxxxxxxxx), więc reguły w ShopIndexComponent.razor.css
   by go nie dotyczyły. */

.category-tree, .category-subtree {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.category-subtree {
    padding-left: 1em;
}

.category-node {
    padding: 0.25em 0;
}

.category-node-header {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.menu-text {
    transition: color 0.2s ease, font-weight 0.2s ease;
    color: var(--shop-text-color, #6e6e6e);
}

.menu-text:hover {
    color: #000;
    font-weight: 600;
}

.category-node.selected > .category-node-header > span,
li.category-node.selected {
    font-weight: 700;
    color: var(--accent-color, #0071FF);
}