/* ==========================================================================
   Solution Makers — النسخة العربية (RTL)
   يستورد نظام التصميم المشترك ثم يضيف الخط العربي وتعديلات الاتجاه.
   الاستخدام في الصفحات العربية: <html dir="rtl" lang="ar">
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
@import url("core.css");
@import url("layout.css");

:root {
  --font-base: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

body { font-family: var(--font-base); }
html[dir="rtl"] { text-align: right; }

/* في RTL، الخصائص المنطقية (inset-inline / padding-inline / margin-inline)
   تنعكس تلقائيًا. هنا فقط تصحيحات بصرية خاصة بالاتجاه. */

/* أيقونات الأسهم التي يجب أن تشير لليسار في العربية */
[dir="rtl"] .arrow-flip { transform: scaleX(-1); }

/* تحسين تباعد الأحرف للعربية (لا نضغط الحروف) */
h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

/* الأرقام تبقى LTR داخل النص العربي */
.num, .course-price, .stat-num, .hero-stats .num { direction: ltr; unicode-bidi: embed; }
