/* Arabic posts on pwfauth.com/blog: their own font (Latin words stay in the site's font), right to left */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");

[lang="ar"] { font-family: var(--sans), "IBM Plex Sans Arabic", sans-serif; letter-spacing: 0 !important; }
.blog-article[dir="rtl"] .blog-head h1 { line-height: 1.3; }
.blog-article[dir="rtl"] .blog-body p, .blog-article[dir="rtl"] .blog-body li { line-height: 1.9; }
.blog-article[dir="rtl"] .blog-body ul li { padding-left: 0; padding-right: 20px; }
.blog-article[dir="rtl"] .blog-body ul li::before { left: auto; right: 4px; }
.blog-article[dir="rtl"] .blog-body ol li { padding-left: 0; padding-right: 30px; }
.blog-article[dir="rtl"] .blog-body ol li::before { left: auto; right: 0; }
.blog-article[dir="rtl"] .blog-body blockquote { border-left: 1px solid var(--line); border-right: 2px solid var(--mint); }
.blog-article[dir="rtl"] .blog-body p.blog-more a::after { content: "←"; }
.blog-article[dir="rtl"] .blog-body p.blog-more a:hover::after { transform: translateX(-3px); }
.blog-article[dir="rtl"] .blog-body code { direction: ltr; unicode-bidi: isolate; }
.blog-card-text[dir="rtl"] { text-align: right; }