/** * RTL overrides — loaded automatically when dir="rtl" is applied (Arabic) * The i18n.js engine sets dir="rtl" on for Arabic locale. */ [dir="rtl"] { /* Text alignment */ .site-nav .nav-inner { flex-direction: row-reverse; } .nav-links { flex-direction: row-reverse; } .nav-cta { flex-direction: row-reverse; } .hero-v2 .hv2-content { text-align: right; } .hv2-form { flex-direction: row-reverse; } .hv2-submit { border-radius: 14px 0 0 14px; } .hv2-input { border-radius: 0 14px 14px 0; text-align: right; } .section-label, .section-title, .section-sub { text-align: right; } .module-grid .mod-card { text-align: right; } .mod-card .mc-title { flex-direction: row-reverse; } .compare-table th, .compare-table td { text-align: right; } .compare-table .hs-col { text-align: center; } .demo-layout { flex-direction: row-reverse; } .demo-left { text-align: right; } .demo-perk { flex-direction: row-reverse; text-align: right; } .partner-card { text-align: right; } .partner-details .pd-item { flex-direction: row-reverse; text-align: right; } .plan-card { text-align: right; } .plan-features li::before { content: none; } .plan-features li { padding-right: 1.25rem; padding-left: 0; } .plan-features li::after { content: '✓'; position: absolute; right: 0; left: auto; color: var(--accent); } .cta-inner { text-align: right; } .cta-actions { flex-direction: row-reverse; } .footer-bottom-inner { flex-direction: row-reverse; } /* Dropdown positioning */ .dropdown { left: auto; right: 0; } /* Lang switcher */ .hs-lang-drop { left: 0; right: auto; } } /* Marketing site pages that use ../ prefix need the same rules */ [dir="rtl"] .page-hero { text-align: right; } [dir="rtl"] .page-hero-title { text-align: right; } [dir="rtl"] .hero-actions { justify-content: flex-end; } [dir="rtl"] .module-breadcrumb { flex-direction: row-reverse; } [dir="rtl"] .integration-grid .int-card { text-align: right; } [dir="rtl"] .re-pipeline { direction: rtl; } /* ── Localized content pages (rendered by i18n-render-db) ──────────────── */ [dir="rtl"] .localized-page { text-align: right; direction: rtl; } [dir="rtl"] .localized-content { text-align: right; } [dir="rtl"] .localized-content article { text-align: right; } [dir="rtl"] .localized-content h1, [dir="rtl"] .localized-content h2, [dir="rtl"] .localized-content h3, [dir="rtl"] .localized-content h4 { text-align: right; direction: rtl; } [dir="rtl"] .localized-content p, [dir="rtl"] .localized-content li { text-align: right; direction: rtl; unicode-bidi: embed; } [dir="rtl"] .localized-content ul, [dir="rtl"] .localized-content ol { padding-right: 1.5rem; padding-left: 0; } [dir="rtl"] .localized-content ul li::marker { unicode-bidi: isolate; } [dir="rtl"] .breadcrumbs { direction: rtl; text-align: right; } [dir="rtl"] .btn, [dir="rtl"] .btn-primary { direction: rtl; } /* Footer RTL for localized pages */ [dir="rtl"] .site-footer { text-align: right; direction: rtl; } [dir="rtl"] .footer-inner { direction: rtl; } /* Arabic-specific font stack for better readability */ [dir="rtl"] body { font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif; line-height: 1.8; } /* Ensure LTR for code snippets and numbers inside RTL content */ [dir="rtl"] code, [dir="rtl"] pre, [dir="rtl"] .ltr-inline { direction: ltr; unicode-bidi: isolate; }