/* Мобильные правила для standalone-страниц (у которых свой <html> и нет base.html).
 *
 * ЗАЧЕМ: мобильная версия 2.0 живёт в <style> внутри base.html, поэтому публичные
 * и полноэкранные страницы (лидген-формы, анкеты документооборота, прохождение
 * тестов, CMS-лендинги) её НЕ получали. Аудит 04.07 показал: на форме заявки
 * 10 полей с font-size < 16px, в анкете docflow — 23. На iOS Safari это значит
 * авто-зум страницы при каждом тапе в поле: макет «уезжает», человек заполняет
 * форму враскоряку. Для лидгена это прямые потери конверсии.
 *
 * Файл СПЕЦИАЛЬНО минимальный: только то, что чинит поведение, без типографики
 * и раскладки — публичные лендинги рисует заказчик, их вид менять нельзя.
 *
 * Подключать в <head> standalone-шаблона:
 *   <link rel="stylesheet" href="/static/css/mobile-forms.css">
 */

@media (max-width: 767.98px) {
  /* Анти-зум iOS. Про :not([hidden]) — тот же трюк со специфичностью, что и в
     base.html: голые select/textarea проигрывают любому utility-классу с
     !important. Чек-боксы/радио/слайдеры не трогаем — им размер шрифта не нужен. */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select:not([hidden]),
  textarea:not([hidden]) { font-size: 16px !important; }

  /* Кнопки отправки на телефоне — комфортная высота нажатия (минимум 44px по
     конвенции из README). Не растягиваем по ширине: раскладку не меняем. */
  button, [type=submit], [type=button] { min-height: 44px; }

  /* Отступ под жестовую полосу iPhone для нижних фиксированных панелей
     (в take-страницах внизу висит панель навигации по вопросам). */
  .bar, .fixed-bottom { padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
}
