/* assets/css/mobile-forms.css
   ────────────────────────────────────────────────────────────────────────
   Запрет автозума iOS на полях ввода. Аудит, волна 2 (сентябрь 2026).

   ПРОБЛЕМА. Safari на iOS автоматически зумит страницу при фокусе на поле,
   у которого font-size меньше 16px. Страница «прыгает», после расфокуса
   масштаб не всегда возвращается. По проекту нашлось 50 таких правил —
   в том числе на самых конверсионных формах: калькулятор (13.5px на всех
   select/input), регистрация, вход, каталог компаний, биржа, анкета компании.

   ПОЧЕМУ ОТДЕЛЬНЫЙ ФАЙЛ, А НЕ theme.css. В проекте 33 страницы имеют
   собственный <head> и НЕ подключают theme.css вообще (calculator.php,
   register.php, login.php, company_profile.php, object_details.php и другие).
   Правило в theme.css до них просто не дошло бы. Этот файл подключается
   и в includes/header.php, и в каждую такую страницу.

   ПОЧЕМУ !important. Часть полей задана селекторами с высокой
   специфичностью (#inputSection select, .cb-budget-inputs input и т.п.),
   перебить их порядком подключения нельзя.

   Дизайн не меняется: правило работает только на узких экранах, где поле
   и так занимает почти всю ширину, и разница между 13 и 16px незаметна.
   ──────────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="time"],
    input:not([type]),
    select,
    textarea {
        font-size: 16px !important;
    }
}
