/* ==========================================================================
   ltr.css — تعديلات الاتجاه والخطوط للغة الإنجليزية (dir="ltr")
   يُحمَّل فقط عندما تكون اللغة غير عربية. التصميم الأساسي يستخدم
   الخصائص المنطقية (margin-inline / inset-inline) فالغالبية تنقلب تلقائيًا؛
   هذا الملف يعالج ما بقي مربوطًا باتجاه ثابت أو خطوط عربية.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

/* --------------------------------------------------------------------------
   الخطوط — نعيد تعريف المتغيّرين لا القواعد.
   السبب: --font-display مستخدَم في أكثر من ثلاثين موضعًا (الأسعار، أرقام
   التقييم، عناوين البطاقات، صفحة الخطأ…). تجاوز h1/h2/h3 وحدها كان يترك كل
   تلك المواضع تُصيَّر بخط Rakkas العربي، وحروفه اللاتينية زخرفية فيخرج النص
   الإنجليزي مشوّهًا. إعادة تعريف المتغيّر تُصلح الموقع كله دفعة واحدة.
   Playfair Display: حروف صغيرة حقيقية، أرقام واضحة، وتباين يناسب التدرّج
   الذهبي في العناوين الكبيرة، ويتناغم مع Inter في النص.
   -------------------------------------------------------------------------- */
html[dir='ltr'] {
  --font: 'Inter', 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
}

html[dir='ltr'] body {
  font-family: var(--font);
  letter-spacing: 0;
}

html[dir='ltr'] h1,
html[dir='ltr'] h2,
html[dir='ltr'] h3,
html[dir='ltr'] .logo__name,
html[dir='ltr'] .sec-head__title {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.005em;
}

/* الهيرو: ارتفاع السطر 1.15 مضبوط على الخط العربي؛ اللاتيني يحتاج أضيق. */
html[dir='ltr'] .hero h1 {
  line-height: 1.06;
  letter-spacing: -.015em;
}
html[dir='ltr'] .hero__badge { letter-spacing: .02em; }

/* الأرقام والمسارات تبقى LTR في كل الحالات */
html[dir='ltr'] .mono,
html[dir='ltr'] .num { direction: ltr; }

/* الشعارات/الأيقونات التي كانت تشير لليسار في RTL */
html[dir='ltr'] .footer__col ul a i.fa-angle-left::before { content: '\f105'; }
html[dir='ltr'] .crumbs i.fa-angle-left::before { content: '\f105'; }

/* الحقول والنماذج */
html[dir='ltr'] .input,
html[dir='ltr'] .select,
html[dir='ltr'] textarea { text-align: left; }

/* عناصر القائمة المنسدلة */
html[dir='ltr'] .dropdown__item { text-align: left; }

/* شرائط التقدّم والخطوط الزخرفية */
html[dir='ltr'] .nav__link.active::after { left: 50%; transform: translateX(-50%); }

/* عناوين لوحة الإدارة */
html[dir='ltr'] .side-group__t,
html[dir='ltr'] .dropdown__head { letter-spacing: .12em; }


/* --------------------------------------------------------------------------
   احتواء الهيدر في الإنجليزية
   الكلمات الإنجليزية أطول: الشريط يحتاج 1680px نافذة مقابل 1508px للعربية،
   فتنطوي روابطه الثانوية عند عتبة أعلى. القياس من الإنتاج لا تقدير.
   -------------------------------------------------------------------------- */
@media (max-width: 1700px) {
  html[dir='ltr'] .nav__link--sec { display: none; }
  html[dir='ltr'] .nav-more { display: block; }
}