/* * RTL overrides for Arabic (ar) and Hebrew (he). * Loaded only when . This flips the handful of * directional properties your existing style.css likely uses * (margins/padding/text-align/flex-direction). Your original * style.css was not included in the upload, so review this * against your actual layout and adjust selectors as needed — * this file is intentionally conservative and only targets * common directional patterns. */ [dir="rtl"] { text-align: right; } [dir="rtl"] .nav-container, [dir="rtl"] .header-right, [dir="rtl"] .share-row, [dir="rtl"] .lang-switcher-btn { flex-direction: row-reverse; } [dir="rtl"] .dropdown-menu { right: 0; left: auto; } [dir="rtl"] .lang-switcher-menu { right: 0; left: auto; text-align: right; } [dir="rtl"] .logo em { margin-right: 0.25em; margin-left: 0; } [dir="rtl"] .scrubber-track { transform: scaleX(-1); } [dir="rtl"] .faq-list summary::marker, [dir="rtl"] details summary { text-align: right; } /* Numbers, URLs and code-like values (e.g. speed options, table figures) should stay left-to-right even inside RTL text. */ [dir="rtl"] .mono, [dir="rtl"] select, [dir="rtl"] .comparison-table td, [dir="rtl"] .comparison-table th { direction: ltr; unicode-bidi: isolate; }