/* Каталог обучающих курсов и блок «Курсы по теме» на ветках раздела «Обучение» (asutp-courses.php). */

.asutp-courses { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; margin: 1em 0 1.8em; }
.asutp-courses .asutp-course { display: flex; flex-direction: column; margin: 0; padding: 16px 18px;
	border: 1px solid rgba(0, 0, 0, .1); border-radius: 10px; background: #fff; }
.asutp-courses .asutp-course[hidden] { display: none !important; }
.asutp-course__org { font-size: .82rem; opacity: .7; margin-bottom: .25em; }
.asutp-course__title { font-size: 1.05rem; font-weight: 600; line-height: 1.3; margin: 0 0 .55em; }
.asutp-course__badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 .7em; }
.asutp-course__badge { font-size: .75rem; line-height: 1.5; padding: 1px 9px; border-radius: 999px; background: rgba(0, 0, 0, .06); }
.asutp-course__badge--online  { background: #e7f1ff; color: #0b4db3; }
.asutp-course__badge--offline { background: #fff1e0; color: #8a4b00; }
.asutp-course__badge--mixed   { background: #efe9ff; color: #4b2e99; }
.asutp-course__badge--free    { background: #e3f6e8; color: #17663a; }
.asutp-course__desc { font-size: .9rem; margin: 0 0 .9em; opacity: .9; flex: 1 1 auto; }
.asutp-course__also { font-size: .8rem; opacity: .7; margin: 0 0 .9em; }
.asutp-course__foot { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.asutp-course__btn { font-size: .88rem; }
.asutp-go-mark { font-size: .72rem; opacity: .65; }

.asutp-courses-filter__row { margin: .35em 0; line-height: 2.3; }
.asutp-courses-filter__label { font-weight: 600; margin-right: .3em; }
.asutp-courses-filter .asutp-btn { padding: .18em .7em; font-size: .85rem; }
.asutp-courses-filter .asutp-btn small { opacity: .65; }
.asutp-courses-filter .asutp-btn.is-active { background: var(--ast-global-color-0, #0a58ca); color: #fff; }
.asutp-courses-filter__free { margin-left: .6em; font-size: .9rem; white-space: nowrap; }
.asutp-courses-filter__count { margin-left: .8em; font-size: .85rem; opacity: .7; white-space: nowrap; }

.asutp-courses-block { margin-top: 2em; }
.asutp-courses-block__note { font-size: .85rem; opacity: .7; margin: .2em 0 0; }
.asutp-courses-promo { margin: .4em 0 1.2em; }

@media (max-width: 600px) {
	.asutp-courses { grid-template-columns: 1fr; }
}