/**
 * Subcat accordion — стили шаблонов категорий каталога GEOKAIS.
 *
 * Основной шаблон: geokais-cats.php (классы .cat-list__*).
 * Подключается через Geokais_Display_Categories::enqueue_assets().
 */

/* Строка: кнопка + переключатель поддерева */
.cat-list__row {
	display: flex;
	align-items: stretch;
	gap: 4px;
}

.cat-list__row .cat-list__btn {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

/* Переключатель поддерева */
.cat-list__toggle {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	padding: 0;
	border: 0;
	border-radius: var(--radius-sm);
	background-color: transparent;
	color: var(--color-text-muted);
	cursor: pointer;
	transition:
		background-color var(--transition-base),
		color var(--transition-base);
}

.cat-list__toggle:hover {
	background-color: var(--color-bg-light);
	color: var(--color-primary);
}

.cat-list__toggle svg {
	transition: transform var(--transition-base);
}

.cat-list__toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

/* Вложенные уровни дерева */
.cat-list__sub {
	display: none;
	margin-top: 2px;
	padding-left: 14px;
	border-left: 1px solid var(--color-border);
}

.cat-list__sub.is-open {
	display: grid;
	gap: var(--space-1);
}

.cat-list__sub .cat-list__btn {
	padding: 7px 12px;
	font-size: 13px;
}

@media (max-width: 991px) {
	/* На мобильных сохраняем прежний вид — ряд чипов верхнего уровня */
	.cat-list__sub,
	.cat-list__sub.is-open,
	.cat-list__toggle {
		display: none;
	}
}