/* ============================================================
 * iOS: جلوگیری از زوم‌شدن صفحه هنگام فوکوس روی فیلد
 *
 * Safari روی iPhone/iPad فقط وقتی صفحه را زوم می‌کند که اندازهٔ قلم
 * کنترلِ فوکوس‌شده کمتر از ۱۶ پیکسل باشد. پس درمان ریشه‌ای این است که
 * روی همان دستگاه‌ها اندازه به ۱۶ برسد — نه غیرفعال‌کردن زوم با
 * maximum-scale، چون آن کار pinch-to-zoom را هم از کاربر می‌گیرد.
 *
 * دامنه:
 *   @supports (-webkit-touch-callout:none)  →  فقط موتور WebKit سافاری
 *   @media (pointer:coarse)                 →  فقط دستگاه لمسی
 * ترکیب این دو یعنی دسکتاپ (شامل سافاری مک) و اندروید دست‌نخورده
 * می‌مانند و مقیاس تایپوگرافی طراحی‌شده فقط روی iOS تغییر می‌کند.
 *
 * چرا :not(#\9) دو بار تکرار شده:
 *   حدود ۳۶ قاعده در modern-theme.css و بقیهٔ باندل‌ها اندازهٔ فیلدها را
 *   با !important و سلکتور کلاس/آی‌دی قفل کرده‌اند. یک !important تنها
 *   کافی نیست چون در تساوی !important، سلکتور خاص‌تر برنده است.
 *   :not(#\9) به هیچ عنصری برخورد نمی‌کند ولی وزن یک آی‌دی را اضافه
 *   می‌کند، پس این قاعده با وزن (۲،۰،۱) از همهٔ آن‌ها جلو می‌زند.
 * ============================================================ */
@supports (-webkit-touch-callout:none){
    @media (pointer:coarse){
        input:not(#\9):not(#\9):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="color"]),
        select:not(#\9):not(#\9),
        textarea:not(#\9):not(#\9),
        [contenteditable="true"]:not(#\9):not(#\9){
            font-size:16px!important;
        }
    }
}