/* =========================================================
   علِّمنا — Readability Guard R7
   قرار معماري رقم 7

   هذا الملف يُحمّل بعد CSS الخاص بالصفحات في الواجهات الرئيسية.
   الهدف: منع الملفات المحلية القديمة من إعادة تصغير النصوص التفاعلية
   بعد اعتماد سُلّم القراءة المركزي.
========================================================= */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* عناصر يقرأها المستخدم ويتفاعل معها مباشرة. */
button,
[role="button"],
input,
select,
textarea {
    font-size: 15px !important;
}

/* <small> دلالته نص ثانوي، وليس نصًا غير مقروء. */
small {
    font-size: 14px !important;
    line-height: var(--line-height-normal);
}

/*
 * Safari / iOS:
 * 16px حد عملي مهم لحقول الإدخال، ويمنع التكبير التلقائي عند التركيز.
 */
@media (max-width: 768px) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }
}