/*
 * Блок кейсов с табами на страницах услуг (templates/services/cases_tabs.php), мобильная версия.
 *
 * Проблема: на ≤991px карточка с графиком получает position: static (из общего бандла),
 * поэтому её z-index не работает и фото (.case-bg-img, absolute) рисуется поверх белой
 * карточки: график и подписи сливаются с фоном.
 *
 * Все правила — только внутри .cases--services.cases--slider, общие стили не затрагиваем.
 */
/*
 * Кейс без логотипа и без текста (например, нет «NDA»): пустая белая «таблетка» не показывается.
 * Класс is-empty ставит скрипт в cases_tabs.php (текстовые метки вроде «NDA» остаются).
 */
.cases--services.cases--slider .case-fw--left .cases__item-image.is-empty,
.cases--services.cases--slider .case-fw--left .cases__item-top.is-empty,
.cases--services.cases--slider .case-fw--left .cases__item-inner-container.is-empty {
    display: none;
}

@media (max-width: 991px) {
    /* Фото остаётся фоном и обрамляет карточку по краям */
    .cases--services.cases--slider .case-item-right {
        padding: 16px;
        min-height: 0;
    }

    /* relative возвращает карточке слой над фото; десктопные left/top/transform сбрасываем */
    .cases--services.cases--slider .case-item-right .cases-traffic-card {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        z-index: 1;
        width: 100%;
        margin: 0;
    }

    /* Убираем min-height от макета case-adv: белая карточка не должна тянуться пустотой */
    .cases--services.cases--slider .case-item-right .cases__item,
    .cases--services.cases--slider .case-item-right .cases__item-inner {
        min-height: 0 !important;
        height: auto;
    }

    /* Левая карточка: высота по содержимому, без пустоты внизу и больших полей у кнопки */
    .cases--services.cases--slider .case-fw--left .cases__item,
    .cases--services.cases--slider .case-fw--left .cases__item-inner {
        min-height: 0 !important;
        height: auto;
    }

    .cases--services.cases--slider .case-fw--left .cases__item-top {
        margin-bottom: 16px;
    }

    .cases--services.cases--slider .case-fw--left .cases__item-title {
        margin: 16px 0 20px;
    }

    .cases--services.cases--slider .case-fw--left .cases__item-about {
        padding: 16px 0;
    }

    .cases--services.cases--slider .case-fw--left .cases__item-inner > .cases__item-inner-container:last-of-type {
        margin-top: 20px;
    }

    /* Специфичность выше общего правила «.cases .tabs .tabs__content … a { margin: 40px }» */
    .cases--services.cases--slider .tabs .tabs__content .case-fw--left .cases__item-inner-container a.btn {
        margin: 0;
    }

    /* Таблица параметров: строки с переносом не должны налезать друг на друга */
    .cases--services.cases--slider .case-fw--left .cases__item-about ul li {
        height: auto !important;
        align-items: flex-start;
    }

    .cases--services.cases--slider .case-fw--left .cases__item-about ul li span:first-child {
        width: 104px;
        min-width: 104px;
        margin-right: 12px;
    }
}