/* ===== خط Cairo للحروف العربية فقط ===== */
@font-face {
  font-family: 'CairoAr';
  src: url('/custom/fonts/cairo-arabic.woff2') format('woff2');
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

/* ===== المحرر ===== */
.CodeMirror,
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  font-family: 'CairoAr', "Source Code Pro", Consolas, Menlo, monospace;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  unicode-bidi: plaintext;
  text-align: start;
}

/* ===== المعاينة ===== */
.markdown-body :is(p, h1, h2, h3, h4, h5, h6, li, td, th, blockquote, dt, dd, a, strong, em) {
  font-family: 'CairoAr', "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.markdown-body :is(p, h1, h2, h3, h4, h5, h6, li, td, th, blockquote, dt, dd) {
  unicode-bidi: plaintext;
  text-align: start;
}
.markdown-body ul:dir(rtl),
.markdown-body ol:dir(rtl) {
  padding-left: 0;
  padding-right: 2em;
}
.markdown-body blockquote:dir(rtl) {
  border-left-width: 0;
  border-right: 4px solid #dfe2e5;
  padding-left: 0;
  padding-right: 1em;
}

/* ===== خط Cairo لبقية الواجهة (الفهرس، بطاقات السجل، العناوين) ===== */
body,
.ui-toc-dropdown,
.ui-toc-dropdown a {
  font-family: 'CairoAr', "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ===== فهرس العناوين ===== */
.ui-toc-dropdown a {
  unicode-bidi: plaintext;
  text-align: start;
}
.ui-toc-dropdown .nav > li > a:dir(rtl) {
  padding-left: 20px;
  padding-right: 20px;
}
.ui-toc-dropdown .nav > li > a:dir(rtl):hover,
.ui-toc-dropdown .nav > li > a:dir(rtl):focus {
  padding-right: 19px;
  border-left: 0;
  border-right: 1px solid currentColor;
}
.ui-toc-dropdown .nav > .active > a:dir(rtl),
.ui-toc-dropdown .nav > .active:hover > a:dir(rtl),
.ui-toc-dropdown .nav > .active:focus > a:dir(rtl) {
  padding-right: 18px;
  border-left: 0;
  border-right: 2px solid currentColor;
}
.ui-toc-dropdown .nav .nav > li > a:dir(rtl) {
  padding-left: 20px;
  padding-right: 30px;
}
.ui-toc-dropdown .nav .nav > li > a:dir(rtl):hover,
.ui-toc-dropdown .nav .nav > li > a:dir(rtl):focus {
  padding-right: 29px;
}
.ui-toc-dropdown .nav .nav > .active > a:dir(rtl) {
  padding-right: 28px;
}

/* ===== ضبط النص للفقرات العربية ===== */
.markdown-body :is(p, li, blockquote, dd):dir(rtl) {
  text-align: justify;
  text-align-last: start;
  text-justify: inter-word;
}
