/*
사이드바 전용 CSS
 */

.site-sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* 프로필 부분 */
.sidebar-profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
/* 프로필 이미지 */
.sidebar-profile__avatar {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    background: var(--color-accent-soft);
    object-fit: cover;
}
/* 프로필 내용 */
.sidebar-profile__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
}

.sidebar-profile__name,
.sidebar-profile__desc {
    margin: 0;
}

.sidebar-profile__name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text);
}

.sidebar-profile__desc {
    font-size: var(--fs-body-sm);
    line-height: var(--lh-body);
    color: var(--color-muted);
}

/* 카테고리 부분 */
.sidebar-categories__title {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-line);
    font-size: var(--fs-label);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: var(--color-muted);
}

.sidebar-categories__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--color-line-soft);
}

.category-item__name {
    font-size: var(--fs-body-sm);
    line-height: var(--lh-body);
    color: var(--color-text);
}

.category-item__count {
    font-size: var(--fs-caption);
    color: var(--color-muted);
    font-variant-numeric: tabular-nums;
}
.category-item:hover .category-item__name {
    color: var(--color-accent);
}

.category-children {
    list-style: none;
    margin: 0;
    padding: 0 0 var(--space-2) var(--space-3);
}

.category-item--child {
    padding: 6px 0;
    border-bottom: none;
}

.category-item--child .category-item__name {
    font-size: var(--fs-body-sm);
    color: var(--color-muted);
}

.category-item--child .category-item__name::before {
    /*content: "– "*/
}

.category-item--child:hover .category-item__name {
    color: var(--color-accent);
}

/* 대분류 아래 선은 소분류 묶음 끝으로 옮기기 */
.category-group:has(.category-children) > .category-item--parent {
    border-bottom: none;
}

.category-group:has(.category-children) {
    border-bottom: 1px solid var(--color-line-soft);
}