/**
 * ============================================
 * modules/market/css/marketTreeStyles.css
 * Дерево категорий market в сайдбаре и других локациях
 * ============================================
 */
 
 
/* Базовый элемент дерева.
   Фон — прозрачный, чтобы сидеть на фоне сайдбара/карточки.
   Боковые отступы обнуляем — их даёт сайдбар, а не list-group. */
.market-tree .list-group-item {
  background-color: transparent;
  color: var(--text-primary, #e9ecef);
  padding-left: 0;
  padding-right: 0;
}

/* У .list-group-flush Bootstrap убирает рамки,
   но фиксируем явно — вдруг тема переопределит. */
.market-tree .list-group-flush > .list-group-item {
  border-width: 0;
}

/* Вложенный уровень дерева.
   Селектор .market-tree .market-tree совпадает для всех уровней,
   кроме корневого, — то есть для дочерних подкатегорий.
   Вертикальная линия слева показывает принадлежность
   к раскрытой родительской категории. */
.market-tree .market-tree {
  border-left: 1px solid var(--border-color, #dee2e6);
  padding-left: 0.75rem;
  margin-left: 0.25rem;
}

/* Ссылка категории наследует вторичный цвет текста темы. */
.market-tree a {
  color: var(--text-secondary, #495057);
}

/* Активная ссылка текущей категории. */
.market-tree a.active {
  color: var(--accent, #137C54);
  font-weight: 600 !important;
}

/* Плавный поворот шеврона. */
.market-tree .toggle-subcats i {
  transition: transform 0.2s;
}

/* Раскрытое состояние шеврона. */
.market-tree .toggle-subcats[aria-expanded="true"] i {
  transform: rotate(-90deg);
}