/** * TripChronos RTL Overrides * Loaded only on Arabic pages to fix directional edge cases. * Most RTL handling is automatic via dir="rtl" on . */ /* ── Navigation ── */ nav .flex.items-center.gap-3 { flex-direction: row-reverse; } /* Flip "Back to Home" arrow */ nav a[href*="Back"], nav a[href="/"], nav a[href="../"] { direction: rtl; } /* ── Icons that imply direction ── */ .scroll-arrow.left svg, .lightbox-nav.prev svg { transform: scaleX(-1); } .scroll-arrow.right svg, .lightbox-nav.next svg { transform: scaleX(-1); } /* ── Feature cards & lists ── */ .flex.items-start.gap-3, .flex.items-start.gap-4 { flex-direction: row-reverse; text-align: right; } /* List markers */ ul.list-inside { padding-right: 1rem; padding-left: 0; } /* ── Screenshot scroll ── */ .screenshot-scroll { direction: rtl; } /* ── Badges / pill alignment ── */ .flex.flex-wrap.gap-1\.5, .flex.flex-wrap.gap-2 { justify-content: flex-start; } /* ── Footer link row ── */ footer .flex.items-center.gap-6 { flex-direction: row-reverse; } /* ── Back to top button ── */ .back-to-top { right: auto; left: 2rem; } /* ── Support page details/FAQ ── */ details summary .chevron { margin-left: 0; margin-right: auto; } details summary { flex-direction: row-reverse; } /* ── Contact card icon alignment ── */ .bg-gradient-to-br { background: linear-gradient(to bottom left, var(--theme-primary), var(--theme-secondary)); } /* ── Form inputs ── */ input[type="email"], input[type="search"], input[type="text"] { text-align: right; } /* ── Privacy / Terms content ── */ .prose { text-align: right; } .prose ul { padding-right: 1.5rem; padding-left: 0; } /* ── Mode toggle stays LTR (icons only) ── */ #mode-toggle-desktop, #mode-toggle-mobile { direction: ltr; } /* ── Language picker dropdown ── */ #lang-picker-menu { right: auto; left: 0; } /* ── Trip viewer specifics ── */ .stats-container { direction: rtl; } .stat-item { flex-direction: row-reverse; } .stat-text { text-align: right; } /* ── Grid & flex gap consistency ── */ .grid { direction: rtl; } /* ── Notification banner arrow ── */ [class*="underline-offset"] { margin-right: 0.25rem; margin-left: 0; }