/*
 * Мобильная типографика — уменьшение крупных элементов (запрос заказчицы 18.07.2026).
 *
 * Контекст: заказчица просила «уменьшить шрифт на сайте». Буквально уменьшать всё нельзя —
 * абзацы текста уже 13px (мелко). Реально крупными на мобилке выглядят пункты меню (20px),
 * плитки категорий (20px) и заголовки (26px) — их и срезаем. Абзацы НЕ трогаем.
 *
 * Единого базового размера в теме нет (вся типографика захардкожена в px, ~207 объявлений),
 * поэтому правим точечными оверрайдами. Только мобильные (≤768px) — десктоп не трогаем.
 *
 * Откат: удалить этот файл из enqueue (inc/enqueue.php) или снять деплой.
 */

@media (max-width: 768px) {

    /* Мобильное меню — было 20px */
    .nav-menu > li > a {
        font-size: 16px !important;
    }

    /* Телефон и email в бургер-меню — было 20px */
    .header-info__mobile .header-info__number,
    .header-info__mobile .header-info__email {
        font-size: 16px !important;
    }

    /* Плитки категорий на главной (секция .journal) — было 20px */
    .journal-block__title {
        font-size: 17px !important;
        line-height: 1.15 !important;
    }

    /* Крупные заголовки h1 / заголовки секций — было 26px */
    h1,
    .banner__title,
    .section-title {
        font-size: 22px !important;
    }
}