/*
=========================================================
MAHEDI ALTAYS — ARABIC TYPOGRAPHY
=========================================================

المشكلة

التصميم كُتب بقواعد لاتينية، وطُبِّقت على العربية كما هي:

    h1 { letter-spacing: 7px;  line-height: .88  }
    h2 { letter-spacing: -1px; line-height: 1.02 }
    .section-label { letter-spacing: 4px; text-transform: uppercase }

وهذه القواعد صحيحة للاتينية وخاطئة للعربية، لأن الخطّين
مختلفان في أصلهما:

  · اللاتينية حروف منفصلة، فتباعدها يزيدها أناقة.
  · العربية خطّ متّصل، والحرف يلتحم بجاره. فالتباعد الموجب
    يقطع الوصلات ويحوّل الكلمة إلى حروف متناثرة، والسالب
    يهرسها بعضها في بعض.

  · العربية أطول ارتفاعًا: لها صعود (ا ل ك) ونزول (ج ح ي)
    وتشكيل فوق وتحت. فسطرٌ بارتفاع .88 يجعل نزول السطر
    الأول يصطدم بصعود الثاني.

  · و text-transform: uppercase لا معنى له في العربية —
    لا حروف كبيرة فيها — فهو تعليمة مهملة تُكتب ولا تُقرأ.

وقال صاحب الموقع: «العناوين بالعربية متلاصقة جدًا، والكلمات
في جميع العناوين متلاصقات». والقياس أكّده: عنوان الواجهة كان
يُقرأ «مهيديالطايس» بلا مسافة، وحروفه متباعدة سبعة بكسل.

القاعدة هنا

    ما يُكتب بالعربية لا يُباعَد، ويُعطى مجالًا رأسيًّا أوسع.

والاستثناء الوحيد ما كان لاتينيًّا داخل صفحة عربية — شعار
MA ورقم الإصدار — فيبقى بتباعده لأنه ليس عربيًّا أصلًا.

=========================================================
*/


/* ---------------------------------------------------------
   1 — لا تباعد بين حروف العربية

   القائمة صريحة لا شاملة: كل موضع أعلن letter-spacing في
   base.css وله نصّ عربي. الشمول بـ* كان سيصيب الشعار
   اللاتيني ورقم الإصدار معه.
   --------------------------------------------------------- */

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label,
html[dir="rtl"] .brand strong,
html[dir="rtl"] .brand small,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .nav-btn,
html[dir="rtl"] .btn,
html[dir="rtl"] .magazine-badge,
html[dir="rtl"] .magazine-meta,
html[dir="rtl"] .doc-card__meta,
html[dir="rtl"] .site-footer-col strong,
html[dir="rtl"] .site-menu__title,
html[dir="rtl"] .cms-eyebrow,
html[dir="rtl"] .vault-eyebrow,
html[dir="rtl"] .vault-form-label,
html[dir="rtl"] .status-row span,
html[dir="rtl"] .mini-card span{
  letter-spacing:normal;
}


/* ---------------------------------------------------------
   2 — لا تحويل إلى حروف كبيرة

   العربية بلا حروف كبيرة. والتعليمة لا تكسر شيئًا، لكنها
   تُبقي الفارق قائمًا حين يختلط اللاتيني بالعربي في سطر
   واحد: يُرفع أحدهما ويبقى الآخر.
   --------------------------------------------------------- */

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label,
html[dir="rtl"] .cms-eyebrow,
html[dir="rtl"] .vault-eyebrow,
html[dir="rtl"] .magazine-badge{
  text-transform:none;
}


/* ---------------------------------------------------------
   3 — مجال رأسي يليق بالخط

   الأرقام مأخوذة من قياس فعليّ: بـ.88 كان نزول «ج» في السطر
   الأول يلامس صعود «ل» في الثاني.
   --------------------------------------------------------- */

html[dir="rtl"] h1{
  line-height:1.26;
}

html[dir="rtl"] h2{
  line-height:1.32;
}

html[dir="rtl"] h3{
  line-height:1.45;
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .section-label{
  line-height:1.9;
}

html[dir="rtl"] p,
html[dir="rtl"] .text p,
html[dir="rtl"] .article-reader__body p{
  line-height:1.95;
}


/* ---------------------------------------------------------
   4 — الاستثناء اللاتيني

   شعار MA ورقم الإصدار وأسماء العلم اللاتينية تبقى كما
   صُمِّمت: ليست عربية، ولا ينطبق عليها ما سبق.
   --------------------------------------------------------- */

html[dir="rtl"] .brand-mark,
html[dir="rtl"] .magazine-monogram,
html[dir="rtl"] [lang="de"],
html[dir="rtl"] [lang="en"]{
  letter-spacing:revert;
}