/* 
 * Универсальная навигация для сайдбара
 * Используется в: сообществах, каталоге, профиле
 */

/* Контейнер навигации */
.sidebar-nav,
.catalog-nav {
    display: flex;
    flex-direction: column;
    padding: 0; /* БЕЗ padding - выравниваем с контентом */
}

/* Gap только для каталога */
.catalog-nav {
    gap: 4px;
}

/* Без gap для навигации сообщества */
.sidebar-nav {
    gap: 0;
}

/* Элемент навигации */
.sidebar-nav-item,
.catalog-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    color: var(--font-secondary);
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

/* Индикатор слева (короткий) */
.sidebar-nav-item::before,
.catalog-nav-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: var(--accent-link);
    border-radius: 0 2px 2px 0;
    transition: height 0.2s ease;
}

.sidebar-nav-item.active::before,
.catalog-nav-item.active::before {
    height: 24px; /* Высота строки текста */
}

.sidebar-nav-item:hover,
.catalog-nav-item:hover {
    background: var(--bg-content-secondary);
    color: var(--font-primary);
}

.sidebar-nav-item.active,
.catalog-nav-item.active {
    background: var(--bg-content-secondary);
    color: var(--font-primary);
    font-weight: 500;
}

/* Иконки */
.sidebar-nav-item i,
.catalog-nav-item i {
    width: 20px;
    font-size: 14px;
    text-align: center;
    flex-shrink: 0;
}

/* Текст (исключаем бейджи) */
.sidebar-nav-item span:not(.badge):not(.nav-badge),
.catalog-nav-item span:not(.badge):not(.nav-badge) {
    flex: 1;
}

/* Отключенный элемент */
.sidebar-nav-item-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.sidebar-nav-item-disabled:hover {
    background: transparent;
}

/* Группа навигации */
.sidebar-nav-group,
.catalog-nav-group {
    margin: 8px 0;
}

/* Заголовок группы */
.sidebar-nav-group-title,
.catalog-nav-group-title {
    padding: 8px 12px 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--font-secondary);
    letter-spacing: 0.5px;
}

/* Вложенные элементы */
.sidebar-nav-group .sidebar-nav-item,
.catalog-nav-group .catalog-nav-item {
}

/* Бейджи в навигации */
.sidebar-nav-item .badge,
.catalog-nav-item .badge {
    flex-shrink: 0;
    flex-grow: 0;
}

/* Активный элемент с бейджем */
.sidebar-nav-item.active .badge,
.catalog-nav-item.active .badge {
    /* Бейдж остается со своим обычным цветом */
}