/** * 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; }