/*
 * Мобильные правки, пакет 1 (deploy/mobile-fixes), 04.10.2026.
 * Отдельный файл, а не правка style.css: его можно снять одной строкой из чанка head,
 * и он не конфликтует с общей темой. Подключается последним.
 */

/* ------------------------------------------------------------------
 * 1. Плашка согласия на cookie занимала пол-экрана телефона.
 *
 * Причина не в дизайне, а в ошибке: в cookie-consent.css при ширине до 480 px
 * .cookie-consent__inner переключается на flex-direction: column, а у
 * .cookie-consent__text остаётся flex: 1 1 320px. В колонке flex-basis — это
 * ВЫСОТА, поэтому текстовый блок распирало до 320 px, и вся плашка выходила
 * 415 px (49 % экрана 844 px и 73 % экрана 568 px). Текста там на три строки.
 *
 * Возвращаем высоту по содержимому: плашка сжимается примерно до 160 px.
 * ------------------------------------------------------------------ */
@media (max-width: 480px) {
    .cookie-consent__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

/* ------------------------------------------------------------------
 * 2. Цена тарифа не должна рассыпаться на строки.
 * Сегодня держится, но ломается от любого удлинения («129 900 ₽»).
 * ------------------------------------------------------------------ */
.conference-tariff__price,
.conference-tariff__old_price {
    white-space: nowrap;
}

/* ------------------------------------------------------------------
 * 3. Зоны нажатия на телефоне.
 * Замер на главной при 390 px: из 139 видимых ссылок и кнопок 61 ниже 40 px,
 * 25 — ниже 32 px. Увеличиваем область нажатия, не трогая вид текста:
 * у ссылок-заголовков и «Подробнее» — вертикальные отступы, у иконок и
 * тегов — минимальный размер.
 * ------------------------------------------------------------------ */
@media (max-width: 768px) {
    .main-event-card__title a,
    .article-card__more,
    .page-footer__links a {
        display: inline-block;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .nav-tag__link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 40px;
    }

    .burger.page-header__toggler,
    .social__link,
    .social-dropdown-icon__link,
    .page-header__telegram-link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 40px;
        min-height: 40px;
    }
}

/* ------------------------------------------------------------------
 * 4. Сообщение о пустой выдаче поиска по каталогу.
 * Разметку создаёт /js/event-search.js, стили — здесь.
 * ------------------------------------------------------------------ */
.event-search-empty {
    display: none;
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 1.5;
    color: #313132;
}

.event-search-empty.is-visible {
    display: block;
}

.event-search-empty__title {
    font-weight: 600;
    margin-bottom: 10px;
}

.event-search-empty__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.event-search-empty__list li {
    margin-bottom: 6px;
}

.event-search-empty__list a {
    color: #0479e5;
}