/* mobile-fixes.css — правки мобильной вёрстки, 03.09.2026
   Слой поверх темы. Только ширины телефона: на десктопе ничего не меняется.
   Каждая правка подписана симптомом, который она закрывает.
   Замер, по которому собрано: эмуляция iPhone 16 Pro Max, 440x956.
   Откат: убрать wp_enqueue_style('posiflora-mobile-fixes') из functions.php
   и <link> на этот файл из частей хрома движка (parts 10,12,21,23,25,27,29,31,33,35,37). */

@media (max-width: 767px) {

    /* 1. Крошки: тема прятала последний пункт правилом
         @media(max-width:768px){.ar-header .breadcrumb_last{font-size:0}},
         и от него оставалась висячая стрелка — «Главная → Материалы →».
         Возвращаем название страницы.

         Плашка с датой (.ar-tags) висит absolute справа на той же строке;
         пока пункт был спрятан, они не сталкивались — резервируем ей место. */
    .ar-header .ar-bread {
        padding-right: 104px;
    }

    /* Последний пункт возвращаем и ограничиваем шириной строки: если он не влезает
       в остаток первой строки — переносится на свою и обрезается многоточием.
       !important нужен потому, что часть страниц грузит blog-style.css из тела,
       то есть позже этого файла, и там стоит font-size:0. */
    .ar-header .breadcrumb_last,
    .guide-breadcrumbs .breadcrumb_last {
        font-size: 14px !important;
        display: inline-block !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
    }

    /* 2. Тап-таргеты шапки и соцсетей подвала: логотип 262x22, «Войти» 80x33,
         бургер 36x36, иконки соцсетей 37x36 — все ниже минимума 44 px.
         Область нажатия расширяем псевдоэлементом: геометрия шапки не меняется. */
    .a-header .logo,
    .a-header .enter,
    .a-header .burger,
    .footer-socials-link {
        position: relative;
    }

    .a-header .logo::before,
    .a-header .enter::before,
    .a-header .burger::before,
    .footer-socials-link::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: max(100%, 44px);
        height: max(100%, 44px);
    }

    /* 3. Ссылки подвала: высота строки 14 px при шаге 24 px — половина промежутка
         между ссылками не нажимается, палец попадает в пустоту.
         Отдаём ссылке весь шаг; разметка не съезжает. */
    .footer-left-privacy {
        padding: 5px 0;
    }

    /* 4. Заголовок оглавления — единственный переключатель списка, а его высота 18 px
         при ширине по тексту. Растим область нажатия за счёт padding, стрелку
         (::after у темы) опускаем на ту же величину, чтобы осталась на месте. */
    .ez-toc-title {
        padding: 13px 0;
        margin-bottom: 3px;
    }

    .ez-toc-title::after {
        top: 13px;
    }

    /* 5. Чекбокс согласия на обработку данных — 13x13 px, промахнуться легче,
         чем попасть. Даём 20 px и область нажатия 44 px вокруг. */
    #consent-checkbox,
    .nd-form input[type="checkbox"],
    .pf-form input[type="checkbox"] {
        width: 20px;
        height: 20px;
        min-width: 20px;
        position: relative;
    }

    #consent-checkbox::before,
    .nd-form input[type="checkbox"]::before,
    .pf-form input[type="checkbox"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 44px;
        height: 44px;
    }

    /* 6. Подписи и разделители в форме чек-листа — 10 px, у согласия 9 px.
         Ниже читаемого минимума на телефоне. */
    .postdev-checklist-form__subtitle,
    .postdev-checklist-form__subtitle-dop,
    .postdev-checklist-form__divider,
    .contact-modal__lead,
    .contact-modal__divider,
    .form__legend,
    .nd-form__legend,
    .nd-form__legend p,
    .nd-form__legend a,
    .nd-form__consent,
    .nd-form__consent a {
        /* !important: подписи форм заданы инлайновыми <style> в теле страницы,
           то есть позже этого файла */
        font-size: 12px !important;
    }

    /* 7. Выпадающий список кода страны: содержимое 88 px в контейнере 72 px —
         флаг и стрелка налезают друг на друга. */
    .phone-country-dropdown,
    .phone-country-trigger {
        /* !important: ширину задаёт инлайновый <style> формы, он идёт позже */
        min-width: 88px !important;
    }

    /* 8. Нижние фиксированные плашки накрывают конец страницы.
         Отступ появляется только пока плашка cookie видна (у принятой стоит .hidden). */
    body:has(.cookie-consent:not(.hidden)) {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }
}