/* Arabic (RTL) content. Loaded only on Arabic pages. The site header and footer stay LTR
   English; everything inside .rtl-page is right-to-left. Overrides the physical
   left/right rules in virtex-modern.css (gm-*) and blog.css (bp-*). */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

.rtl-page {
  direction: rtl;
  font-family: 'IBM Plex Sans Arabic', 'Inter', sans-serif;
  letter-spacing: 0;
}
.rtl-page h1, .rtl-page h2, .rtl-page h3, .rtl-page h4 { letter-spacing: 0; line-height: 1.45; }
.rtl-page p, .rtl-page li { line-height: 1.9; }
.rtl-page .section-label { letter-spacing: 0; }

/* gm-* pages */
.rtl-page .gm-table th, .rtl-page .gm-table td { text-align: right; }
.rtl-page .gm-note { border-left: 1px solid var(--border); border-right: 3px solid var(--vp-primary); }
.rtl-page.gm-body ul, .rtl-page .gm-body ul { padding-left: 0; padding-right: 20px; }

/* Blog post */
.rtl-page .bp-hero h1 { text-align: right; }
.rtl-page .bp-toc { border-left: 0; border-right: 2px solid var(--border); }
.rtl-page .bp-toc a { padding: 7px 16px 7px 0; margin-left: 0; margin-right: -2px; border-left: 0; border-right: 2px solid transparent; }
.rtl-page .bp-toc a.is-active { border-right-color: var(--cat); }
.rtl-page .bp-rail h4, .rtl-page .bp-toc-mobile summary { letter-spacing: 0; text-transform: none; }
.rtl-page .blog-post-body ul > li { padding-left: 0; padding-right: 26px; }
.rtl-page .blog-post-body ul > li::before { left: auto; right: 4px; }
.rtl-page .blog-post-body ol > li { padding: 4px 54px 20px 0; }
.rtl-page .blog-post-body ol > li::before { left: auto; right: 0; }
.rtl-page .blog-post-body ol > li:not(:last-child)::after { left: auto; right: 17px; }
.rtl-page .blog-post-body thead th { text-align: right; }
.rtl-page .blog-post-body blockquote { border-left: 0; border-right: 4px solid var(--cat); border-radius: 14px 0 0 14px; }
.rtl-page .bp-faq summary { padding: 18px 20px 18px 56px; }
.rtl-page .bp-faq summary::after { right: auto; left: 18px; }
.rtl-page .blog-post-body h2 { letter-spacing: 0; }