/* ============================================= CRYPTO TEK AI - LANDING PAGE RTL Support Arabic language layout adjustments NOTE: direction:rtl on already reverses flexbox order automatically. Do NOT add flex-direction: row-reverse — that would double-reverse back to LTR. ============================================= */ /* Global RTL */ html[dir="rtl"] { direction: rtl; text-align: right; } /* ============================ TEXT ALIGNMENT ============================ */ html[dir="rtl"] .hero-content, html[dir="rtl"] .feature-card, html[dir="rtl"] .step, html[dir="rtl"] .pricing-card, html[dir="rtl"] .faq-question, html[dir="rtl"] .faq-answer, html[dir="rtl"] .footer-links, html[dir="rtl"] .mobile-menu-content, html[dir="rtl"] .section-header { text-align: right; } /* ============================ LIST ITEMS (check marks) ============================ */ html[dir="rtl"] .feature-list li { padding-right: 1.5rem; padding-left: 0; } html[dir="rtl"] .feature-list li::before { right: 0; left: auto; } html[dir="rtl"] .plan-features li { padding-right: 1.5rem; padding-left: 0; } html[dir="rtl"] .plan-features li::before { right: 0; left: auto; } /* ============================ DROPDOWNS & POSITIONING ============================ */ html[dir="rtl"] .lang-dropdown { right: 0; left: auto; } html[dir="rtl"] .discount-badge { left: 1rem; right: auto; } /* ============================ BUTTONS & ICONS ============================ */ html[dir="rtl"] .btn svg, html[dir="rtl"] .btn i { margin-left: 0.5rem; margin-right: 0; } html[dir="rtl"] .chevron { transform: scaleX(-1); }