/* ======================================== RTL — Mirror App Arabic Layout Applied when ======================================== */ /* Global text direction */ [dir="rtl"] body { direction: rtl; text-align: right; font-family: 'Segoe UI', 'SF Arabic', 'Noto Sans Arabic', 'Sora', sans-serif; } /* Header */ [dir="rtl"] .navbar-nav { padding-right: 0; } [dir="rtl"] .nav-auth-links { margin-right: auto !important; margin-left: 0 !important; } [dir="rtl"] .navbar-brand { margin-left: 16px; margin-right: 0; } /* Hero search form */ [dir="rtl"] .mirror-hero-search input, [dir="rtl"] .mirror-hero-search select { text-align: right; } /* Bootstrap grid RTL fixes */ [dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; } [dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; } [dir="rtl"] .ms-auto { margin-inline-start: 0 !important; margin-inline-end: auto !important; } [dir="rtl"] .text-left { text-align: right !important; } [dir="rtl"] .text-right { text-align: left !important; } /* Chips */ [dir="rtl"] .mirror-chips { direction: rtl; } /* Cards */ [dir="rtl"] .mirror-salon-card-body { text-align: right; } [dir="rtl"] .mirror-salon-meta { flex-direction: row-reverse; } /* Footer */ [dir="rtl"] .footer-links { padding-right: 0; } [dir="rtl"] .footer-social { padding-right: 0; } /* FAQ */ [dir="rtl"] .mirror-faq-q { text-align: right; flex-direction: row-reverse; } [dir="rtl"] .mirror-faq-q i { margin-left: 0; margin-right: auto; } /* Steps */ [dir="rtl"] .mirror-step-desc { text-align: right; } /* Deal badge */ [dir="rtl"] .mirror-deal-badge { right: auto; left: 10px; } /* General spacing */ [dir="rtl"] .gap-2 { gap: 0.5rem; } [dir="rtl"] .d-flex { direction: rtl; } /* WhatsApp floating button */ [dir="rtl"] .floating-whatsapp { right: auto; left: 30px; } @media (max-width: 768px) { [dir="rtl"] .floating-whatsapp { left: 20px; right: auto; } } /* Swiper RTL */ [dir="rtl"] .swiper { direction: rtl; } /* Deal prices */ [dir="rtl"] .mirror-deal-prices { direction: ltr; text-align: right; } /* Trust grid */ [dir="rtl"] .mirror-trust-grid { direction: rtl; } /* Category/emirate cards */ [dir="rtl"] .mirror-category-card { text-align: right; } /* CTA section */ [dir="rtl"] .mirror-cta-gradient { text-align: right; } /* App badges */ [dir="rtl"] .mirror-app-badges { direction: ltr; }