/*
 * Разное оформление разделов поверх courses.css.
 *
 * Курсы, документы и новости раньше рисовались одним скелетом
 * (двухколоночные карточки + правый сайдбар) и выглядели одинаково.
 * Здесь каждому разделу задан свой характер:
 *
 *   курсы     — плитка программ без картинок, фильтры сбоку
 *   документы — список во всю ширину, фильтры сверху, сайдбара нет
 *   новости   — свежая публикация крупно, остальные лентой, сайдбар остаётся
 *
 * Файл подключается после courses.css, поэтому переопределяет его точечно.
 */

/* ======================================================== курсы: плитка */

/*
 * Картинку в карточке не показываем: у семи программ из восьми стоит одна
 * и та же заглушка с логотипом, и восемь одинаковых плашек только мешают
 * различать программы. Вместо неё — номер ДПП и характеристики.
 */
.fcrv-course--program .fcrv-course__imgwrap { display: none; }

.fcrv-course--program {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px 22px 20px;
}

.fcrv-course--program .fcrv-course__head {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fcrv-course--program .fcrv-course__num {
    flex: none;
    padding: 5px 11px;
    border-radius: var(--r-sm, 8px);
    background: var(--c-brand, #28317f);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2;
}

.fcrv-course--program .fcrv-course__kind {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--c-muted, #6b7490);
}

.fcrv-course--program .fcrv-course__title {
    font-size: 17px;
    line-height: 1.35;
}

.fcrv-course--program .fcrv-course__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.fcrv-course--program .fcrv-course__chip {
    font-style: normal;
    font-size: 12.5px;
    line-height: 1.2;
    padding: 6px 11px;
    border-radius: 20px;
    background: var(--c-soft, #f2f5fb);
    color: var(--c-ink, #3d4665);
    white-space: nowrap;
}

/* Без картинок карточки стали ниже — помещается третья колонка */
@media (min-width: 1100px) {
    .fcrv-carch:not(.fcrv-narch):not(.fcrv-darch) .fcrv-carch__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ============================================ документы: список во всю ширину */

.fcrv-carch__grid--full {
    display: block;
}

.fcrv-carch__grid--full .fcrv-carch__main {
    max-width: none;
}

/* Документы читаются лучше одной колонкой: длинные названия и описания */
.fcrv-carch__grid--full .fcrv-docards {
    grid-template-columns: 1fr;
}

/* Ссылки-кнопки в полосе контактов тема тоже подчёркивает */
.fcrv-darch__ask .fcrv-sb__btn {
    text-decoration: none !important;
}

/* Фильтры переехали из колонки наверх — раскладываем их в строку */
.fcrv-sb--bar {
    margin-bottom: 22px;
    padding: 18px 20px;
}

.fcrv-sb--bar .fcrv-filter {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}

.fcrv-sb--bar .fcrv-filter + .fcrv-filter {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--c-line, #e3e7f0);
}

.fcrv-sb--bar .fcrv-filter__label {
    flex: none;
    min-width: 132px;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--c-muted, #6b7490);
}

.fcrv-sb--bar .fcrv-filter__opts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fcrv-sb--bar .fcrv-filter__opt {
    padding: 6px 12px;
    border: 1px solid var(--c-line, #e3e7f0);
    border-radius: 20px;
}

.fcrv-sb--bar .fcrv-filter__opt.is-on {
    border-color: var(--c-brand, #28317f);
}

/* Контакты вместо колонки справа — широкой полосой под списком */
.fcrv-darch__ask {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 28px;
    padding: 22px 26px;
}

.fcrv-darch__ask .fcrv-sb__title { margin: 0 0 4px; }
.fcrv-darch__ask .fcrv-sb__note  { margin: 0; }

.fcrv-darch__askbtns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.fcrv-darch__askbtns .fcrv-sb__btn { margin: 0; }

/* ================================================ новости: свежая крупно */

.fcrv-course--lead {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
}

.fcrv-course--lead .fcrv-course__imgwrap {
    height: 100%;
    min-height: 280px;
}

.fcrv-course--lead .fcrv-course__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fcrv-course--lead .fcrv-course__body {
    padding: 28px 30px;
}

/* Карточка целиком — ссылка, а глобальный стиль Elementor
   (.elementor-kit-133 a) подчёркивает все ссылки и перебивает по весу.
   В courses.css это уже лечится через !important — делаем так же. */
.fcrv-course,
.fcrv-course:hover,
.fcrv-course:focus {
    text-decoration: none !important;
}

.fcrv-course--lead .fcrv-course__title {
    font-size: clamp(20px, 2.2vw, 26px);
    line-height: 1.25;
    /* в ленте заголовок режется тремя строками, крупной новости это ни к чему */
    -webkit-line-clamp: none;
    line-clamp: none;
    display: flow-root;
}

.fcrv-course--lead .fcrv-course__desc {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    font-size: 15px;
    line-height: 1.6;
}

/* ------------------------------------------------------------ телефоны */

@media (max-width: 900px) {
    .fcrv-course--lead {
        grid-template-columns: 1fr;
    }
    .fcrv-course--lead .fcrv-course__imgwrap { min-height: 200px; }
    .fcrv-course--lead .fcrv-course__body { padding: 20px; }
}

@media (max-width: 700px) {
    .fcrv-sb--bar .fcrv-filter { display: block; }
    .fcrv-sb--bar .fcrv-filter__label { margin-bottom: 8px; }
    .fcrv-darch__ask { flex-direction: column; align-items: flex-start; }
}

/* Крупная новость на телефоне: заголовок не на весь экран */
@media (max-width: 700px) {
    .fcrv-course--lead .fcrv-course__title {
        font-size: 19px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        overflow: hidden;
    }
    .fcrv-course--lead .fcrv-course__desc { -webkit-line-clamp: 3; line-clamp: 3; }
}