/**
 * Dynamic three-level category sidebar.
 * Loaded only on WordPress category archive pages.
 */

.nli-category-navigation,
.nli-category-tree {
    margin: 0;
    padding: 0;
}

.nli-category-tree {
    list-style: none;
}

.nli-category-tree-level-1 {
    border-top: 1px solid var(--nli-border);
    border-left: 0;
}

.nli-category-tree-level-1 > .nli-category-item {
    border-bottom: 1px solid var(--nli-border);
}

.nli-category-navigation .nli-category-tree-level-2,
.nli-category-navigation .nli-category-tree-level-3 {
    margin: 0 0 10px 12px;
    padding: 2px 0 2px 14px;
    border-left: 1px solid rgba(170, 141, 93, 0.28);
}

.nli-category-navigation .nli-category-tree-level-3 {
    margin-left: 10px;
}

.nli-category-tree-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.nli-category-tree-row > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 0;
    color: var(--nli-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
    transition: color var(--nli-transition);
}

.nli-category-tree-level-1 > .nli-category-item > .nli-category-tree-row > a {
    padding: 15px 0;
    color: var(--ds-navy);
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.nli-category-item.is-active > .nli-category-tree-row > a,
.nli-category-tree-row > a:hover,
.nli-category-tree-row > a:focus-visible {
    color: var(--ds-primary-dark);
}

.nli-category-item.is-active > .nli-category-tree-row > a {
    font-weight: 800;
}

.nli-category-navigation .nli-category-toggle {
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: rgba(170, 141, 93, 0.11);
    color: var(--ds-primary-dark);
    font-size: 9px;
    cursor: pointer;
    transition: background var(--nli-transition), color var(--nli-transition);
}

.nli-category-navigation .nli-category-toggle:hover,
.nli-category-navigation .nli-category-toggle:focus-visible {
    background: var(--ds-primary);
    color: var(--nli-white);
    outline: none;
}

.nli-category-navigation .nli-category-toggle i {
    transition: transform var(--nli-transition);
}

.nli-category-navigation .nli-category-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.nli-category-navigation .nli-category-tree-level-2 .nli-category-toggle {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
    background: transparent;
}

.nli-category-tree-level-3 .nli-category-tree-row > a {
    padding: 8px 0;
    font-size: 11px;
}

.nli-category-empty {
    margin: 0;
    color: var(--nli-muted);
    font-size: 13px;
}

@media (max-width: 991px) {
    .nli-category-sidebar-card {
        height: auto;
    }
}

@media (max-width: 575px) {
    .nli-category-sidebar-card,
    .nli-sidebar-quote-card {
        padding: 24px;
    }

    .nli-category-navigation .nli-category-tree-level-2,
    .nli-category-navigation .nli-category-tree-level-3 {
        margin-left: 8px;
        padding-left: 12px;
    }
}