/* =====================================================================
 * mobile_fix.css — إيقاف التقريب التلقائي على الجوال (iOS Safari Auto-Zoom Fix)
 * يُحمَّل في كل صفحات الموقع بعد وسم الـ viewport مباشرة.
 *
 * القاعدة الذهبية: iOS Safari يقرّب تلقائياً عند التركيز على أي حقل
 * حجم خطه أقل من 16px — لذلك نفرض 16px كحد أدنى على الجوال فقط
 * (داخل @media) حتى يبقى تصميم الكمبيوتر كما هو بلا أي تغيير.
 * ===================================================================== */

/* 1) حجم خط الحقول ≥ 16px على شاشات الجوال فقط (منع زوم التركيز) */
@media (max-width: 768px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* 2) منع التقريب عند النقر المزدوج السريع (Double-tap Zoom)
 *    خاصية سلوكية بحتة — لا تغيّر أي مظهر بصري إطلاقاً */
button,
a,
label,
select,
input,
textarea,
[role="button"] {
    touch-action: manipulation;
}