/* 1. اتجاه وتنسيق عناصر شريط العناوين والتنقل في وضع RTL */
.html-nav .toc-actions {
  text-align: right !important;
}

/* 2. إصلاح حسابات موقع الصفحة للمتصفح أثناء التمرير */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* مساحة إضافية للمتصفح لتمييز الانتقال بين العناوين */
}

/* 3. تفعيل وتتبع الروابط النشطة واستبدال شريط التحديد إلى اليمين */
div.sidebar-toc nav ul li a.active,
#TOC li a.active {
  color: #007bff !important;
  border-right: 3px solid #007bff !important;
  border-left: none !important;
  font-weight: bold;
  padding-right: 8px !important;
}

/* 4. ضبط الهوامش والمسافات البادئة للقوائم الفرعية في الـ TOC */
#TOC ul {
  padding-right: 1.2rem !important;
  padding-left: 0 !important;
}
/* ضبط اتجاه جميع عناصر الكود البرمجي إلى اليسار-ليمين */
code {
    direction: ltr !important;
    unicode-bidi: embed !important;
}

/* (اختياري) لضبط اتجاه نواتج الكود (output) أيضاً */
.cell-output pre {
    direction: ltr !important;
    unicode-bidi: embed !important;
}
/* مطابقة تظليل مربع الـ Console مع المربع البرمجي الأول تماماً */
pre:not(.sourceCode) {
  background-color: #f1f3f5 !important; /* نفس درجة رمادي Quarto التلقائية */
  border: none !important;               /* إزالة الإطار الرمادي الخارجي الباهت */
  padding: 0.8em 1em !important;
  border-radius: 4px !important;
  direction: ltr !important;
  text-align: left !important;
  color: #212529 !important;            /* ضبط لون النص ليكون واضحاً وغير باهت */
}

pre:not(.sourceCode) code {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: inherit !important;
}
/* إجبار فاصل Breadcrumbs على الظهور بالرمز < بالاتجاه الصحيح */
.breadcrumb-item + .breadcrumb-item::before {
  content: "\003C" !important; /* الكود البرمجي الصريح لعلامة الأصغر من < */
  float: right !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  direction: ltr !important;
  unicode-bidi: isolate !important; /* منع المتصفح من معالجة اتجاه الرمز مع الكلمات المجاورة */
  display: inline-block !important;
}

.quarto-title-breadcrumbs ol.breadcrumb {
  direction: rtl !important;
}