/* ============================================================
   دعم المحتوى العربي (RTL) داخل موقع إنجليزي
   القالب: Portfolio WP Pro
   طريقة الاستخدام:
   1) الصق كامل هذا الملف في:
      Appearance → Customize → Additional CSS
   2) عند كتابة محتوى عربي، استخدم بلوك "Custom HTML"
      ولفّ النص بـ: <div class="ar"> ... </div>
   ============================================================ */

/* جلب خط عربي أنيق (Tajawal) — يجب أن يبقى في الأعلى */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&family=Cairo:wght@400;600;700&display=swap');

/* الكلاس الأساسي: يقلب اتجاه النص فعلياً (وليس المحاذاة فقط) */
.ar {
  direction: rtl;            /* اتجاه تدفّق الحروف من اليمين لليسار */
  text-align: right;         /* محاذاة النص لليمين */
  unicode-bidi: embed;       /* ضبط الأرقام وعلامات الترقيم في النص المختلط */
  font-family: 'Tajawal', 'Cairo', Tahoma, Arial, sans-serif;
  line-height: 1.9;          /* تباعد أسطر مريح للعين بالعربية */
  letter-spacing: 0;         /* العربية لا تحتاج تباعد حروف */
}

/* العناوين داخل الكتلة العربية */
.ar h1, .ar h2, .ar h3, .ar h4, .ar h5, .ar h6 {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'Tajawal', Tahoma, sans-serif;
  font-weight: 700;
}

/* القوائم: نقلها لليمين بدل اليسار */
.ar ul, .ar ol {
  direction: rtl;
  text-align: right;
  padding-right: 1.5em;
  padding-left: 0;
  list-style-position: inside;
}

/* الجداول داخل الكتلة العربية */
.ar table { direction: rtl; }
.ar th, .ar td { text-align: right; }

/* الاقتباسات */
.ar blockquote {
  direction: rtl;
  text-align: right;
  border-right: 4px solid #ccc;   /* الحد على اليمين بدل اليسار */
  border-left: none;
  padding-right: 1em;
  padding-left: 0;
}

/* الروابط والأزرار تبقى متناسقة */
.ar a { text-decoration: underline; }

/* لو احتجت سطراً عربياً قصيراً داخل فقرة إنجليزية، استخدم <span class="ar-inline"> */
.ar-inline {
  direction: rtl;
  unicode-bidi: embed;
  font-family: 'Tajawal', 'Cairo', Tahoma, sans-serif;
}