/* Logical alignment for translated pages; keep image/PDF coordinates unchanged. */
html[dir="rtl"] body { font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
html[dir="rtl"] .language-dropdown { right: auto; left: 0; }
html[dir="rtl"] .nav-menu .dropdown-menu { right: 0; left: auto; }
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] canvas,
html[dir="rtl"] .pdf-page,
html[dir="rtl"] .pdf-stage,
html[dir="rtl"] #editor-container { direction: ltr; }
html[dir="rtl"] .article-content,
html[dir="rtl"] .faq-answer,
html[dir="rtl"] .tool-intro { text-align: start; }
/* Keep every language in the same left-aligned row; only Arabic text is RTL. */
.language-dropdown a {
  white-space: nowrap;
  direction: ltr;
  justify-content: flex-start;
  text-align: left;
}
.language-dropdown a[hreflang="ar"] .lang-text {
  direction: rtl;
  unicode-bidi: isolate;
}
.locale-links { display: flex; gap: .65rem; flex-wrap: wrap; justify-content: center; padding-block: 1rem; }
/* Wide reference tables scroll within articles instead of widening the page. */
@media (max-width: 768px) {
  :is(.blog-content, .blog-article) table.blog-table,
  .article-prose table.article-table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}
/* Phone numbers and Instagram identifiers retain their natural input direction. */
html[dir="rtl"] :is(#igUrl, #waPhone, #storyAccount, #storyViewerTitle) { direction: ltr; }
html[dir="rtl"] :is(.ig-main, .wa-main) :is(ul, ol) { padding-inline-start: 1.5rem; padding-inline-end: 0; }
html[dir="rtl"] .downloader-header .nav .dropdown-menu { left: 0; right: auto; }
html[dir="rtl"] .wa-related a > span:last-child { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .wa-trust span::before { margin-right: 0; margin-left: 7px; }
html[dir="rtl"] :is(.ig-main, .wa-main) { letter-spacing: normal; }
[data-theme="dark"] .header :is(.theme-toggle, .language-toggle) { color: #cbd5e1; }
html[dir="rtl"] :is(.seo-content, .blog-content, .blog-article) :is(ul, ol) {
  padding-inline-start: 1.5rem;
  padding-inline-end: 0;
}
/* Longer translated navigation wraps between links, keeping the brand intact. */
@media (min-width: 769px) {
  html:not([lang="en"]) .header-content { gap: 12px; }
  html:not([lang="en"]) .header .logo { flex: 0 0 auto; }
  html:not([lang="en"]) .header .site-name { white-space: nowrap; font-size: 1.25rem; }
  html:not([lang="en"]) .header .nav { flex: 1; min-width: 0; }
  html:not([lang="en"]) .header .nav > ul { flex-wrap: wrap; justify-content: center; column-gap: 14px; row-gap: 6px; }
  html:not([lang="en"]) .header-controls { flex-shrink: 0; }
}