/**
 * Табы каталога курсов (/courses/, template-courses.php) и таблицы курсов
 * на главной (template-main.php).
 * Подключается через bds_courses_tabs_assets() в functions.php.
 */

/* --- Переключение сеток. Состояние живёт на контейнере, карточки не перебираются --- */

.new-courses-page[data-filter="archive"] .noarchive-courses-grid {
	display: none;
}

.new-courses-page:not([data-filter="archive"]) .archive-courses-grid {
	display: none;
}

/* --- Элементы управления: div'ы в роли кнопок --- */

.cources-buttons__wrapper [data-category],
.dropdown-content [data-category],
.dropdown-button[role="button"] {
	cursor: pointer;
}

.cources-buttons__wrapper [data-category]:focus-visible,
.dropdown-content [data-category]:focus-visible,
.dropdown-button[role="button"]:focus-visible {
	outline: 2px solid #FFAB1F;
	outline-offset: 2px;
}

/* --- Мобильный дропдаун ---
   В style.css темы у .dropdown-content стоит position:absolute + top:45px,
   но у .dropdown нет position — отсчёт шёл от initial containing block,
   и список уезжал к верху документа под фиксированную шапку.
   Ширину возвращаем к 100%: вычет 40px компенсировал паддинги .container
   и при правильном контейнере не нужен. */

.dropdown {
	position: relative;
}

.dropdown-content {
	width: 100%;
	z-index: 100;
}