/* ═══════════════════════════════════════════════════════════ CloudCraft Trade - RTL (Right-to-Left) Support Loaded only on Arabic pages: ═══════════════════════════════════════════════════════════ */ /* Base RTL */ [dir="rtl"] { direction: rtl; text-align: right; } /* Navigation */ [dir="rtl"] .nav-container { flex-direction: row-reverse; } [dir="rtl"] .nav-links { flex-direction: row-reverse; } [dir="rtl"] .nav-links a { margin-left: 0; margin-right: 0; } [dir="rtl"] .mobile-menu { text-align: right; } /* Logo */ [dir="rtl"] .logo { flex-direction: row-reverse; } /* Language dropdown */ [dir="rtl"] .lang-dropdown { margin-left: 0; margin-right: 8px; } [dir="rtl"] .lang-menu { right: auto; left: 0; } /* Hamburger stays on left in RTL */ [dir="rtl"] .hamburger { order: -1; } /* Hero section */ [dir="rtl"] .hero-content { text-align: right; } [dir="rtl"] .hero-content .achievement-card { direction: ltr; } /* Feature cards & grids */ [dir="rtl"] .feature-card, [dir="rtl"] .pricing-card, [dir="rtl"] .stat-card, [dir="rtl"] .testimonial-card { text-align: right; } /* Lists with icons/bullets */ [dir="rtl"] .feature-card li, [dir="rtl"] .pricing-features li, [dir="rtl"] .info-list li { padding-left: 0; padding-right: 1.5rem; } [dir="rtl"] .feature-card li::before, [dir="rtl"] .pricing-features li::before, [dir="rtl"] .info-list li::before { left: auto; right: 0; } /* Back link arrow flip */ [dir="rtl"] .back-link svg, [dir="rtl"] .breadcrumb svg { transform: scaleX(-1); } /* Margin/padding directional swap */ [dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; } [dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; } /* Flexbox row reverse for content sections */ [dir="rtl"] .content-row, [dir="rtl"] .two-column { flex-direction: row-reverse; } /* Form inputs */ [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; } [dir="rtl"] .input-group { flex-direction: row-reverse; } /* Badges & tags */ [dir="rtl"] .badge, [dir="rtl"] .tag, [dir="rtl"] .tier-badge { direction: ltr; } /* Icons before text → after text */ [dir="rtl"] .icon-text { flex-direction: row-reverse; } /* Footer */ [dir="rtl"] footer { text-align: right; } [dir="rtl"] .footer-content { flex-direction: row-reverse; } [dir="rtl"] .footer-links { text-align: right; } /* CTA buttons (keep centered) */ [dir="rtl"] .nav-cta, [dir="rtl"] .cta-button, [dir="rtl"] .btn-primary { text-align: center; } /* Scrollbar stays on left */ [dir="rtl"] ::-webkit-scrollbar { direction: ltr; } /* Checkout & pricing */ [dir="rtl"] .plan-card, [dir="rtl"] .checkout-summary { text-align: right; } [dir="rtl"] .price-row { flex-direction: row-reverse; } /* Profile page */ [dir="rtl"] .profile-sidebar { order: 2; } [dir="rtl"] .profile-content { order: 1; } /* Testimonials */ [dir="rtl"] .testimonial-header { flex-direction: row-reverse; } [dir="rtl"] .star-rating { direction: ltr; } /* Info boxes */ [dir="rtl"] .info-box { border-left: none; border-right: 3px solid var(--primary); padding-left: 0; padding-right: 1rem; } /* Numbers stay LTR */ [dir="rtl"] .stat-value, [dir="rtl"] .price, [dir="rtl"] .percentage { direction: ltr; display: inline-block; } /* Responsive */ @media (max-width: 768px) { [dir="rtl"] .nav-container { flex-direction: row-reverse; } [dir="rtl"] .content-row, [dir="rtl"] .two-column { flex-direction: column; } [dir="rtl"] .profile-sidebar, [dir="rtl"] .profile-content { order: unset; } }