/* ============================================ RTL OVERRIDES (Arabic, Hebrew) dir="rtl" on handles most text direction. These are targeted layout fixes only. ============================================ */ /* Nav */ .ct-nav-inner { flex-direction: row-reverse; } .ct-nav-links { flex-direction: row-reverse; } .ct-brand { flex-direction: row-reverse; } /* Mobile nav: slide from left instead of right */ @media (max-width: 991px) { .ct-nav-links { right: auto; left: -100%; border-left: none; border-right: 1px solid var(--ct-border); flex-direction: column; } .ct-nav-links.active { left: 0; right: auto; } } /* Steps */ .ct-steps { flex-direction: row-reverse; } .ct-step { flex-direction: row-reverse; } /* Pills */ .ct-pills { direction: rtl; } .ct-pill { flex-direction: row-reverse; } .ct-pill-info { margin-left: 0; margin-right: 0.1rem; } /* Instructions */ .ct-instructions li { flex-direction: row-reverse; text-align: right; } /* Buttons */ .ct-btn-group { flex-direction: row-reverse; } @media (max-width: 575px) { .ct-btn-group { flex-direction: column; } } /* Footer */ .ct-footer-inner { flex-direction: row-reverse; } .ct-footer-brand { flex-direction: row-reverse; } .ct-footer-links { flex-direction: row-reverse; } @media (max-width: 575px) { .ct-footer-inner { flex-direction: column; text-align: center; } .ct-footer-links { justify-content: center; } } /* Legal page text */ .ct-page-card { text-align: right; } .ct-page-card h1, .ct-page-card h2 { text-align: right; } /* Modal title padding flip */ .ct-modal-title { padding-right: 0; padding-left: 2rem; } /* FAQ summary arrow position flip */ .ct-faq-item summary { flex-direction: row-reverse; text-align: right; } /* Hero brand */ .ct-hero-brand { direction: rtl; } /* Language selector — base flex-end naturally flips to visual-left in RTL; anchor the dropdown to the same side so it opens directly above the button. */ .ct-lang-dropdown { right: auto; left: 0; } /* Progress text */ .ct-progress-text { text-align: left; } /* Contact form */ .ct-form .form-control { text-align: right; }