/* ============================================================ LTR Overrides (English) — mirrors the RTL design system. Most layout uses logical properties (inset-inline-*) so almost nothing needs flipping. Keep this file thin on purpose. IMPORTANT: every rule below is scoped to html[dir="ltr"] so the file is safe to load unconditionally on every page. Client-side language switching toggles at runtime; without this scoping, swapping to English on an SSR-Arabic page would leave the LTR overrides un-applied. ============================================================ */ html[dir="ltr"] body { direction: ltr; text-align: left; font-family: 'Inter', 'Cairo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } /* Hero text alignment when not RTL */ html[dir="ltr"] .ads_wol p { margin-inline-end: auto; } /* About images: swap layered positions */ html[dir="ltr"] .img_info_JM img:nth-child(1) { inset-inline-end: 0; } html[dir="ltr"] .img_info_JM img:nth-child(2) { inset-inline-start: 0; } /* Footer hover slide direction */ html[dir="ltr"] footer .link-footer li:hover { transform: translateX(4px); } /* Mobile nav slide-in (uses inset-inline so already correct) */ @media (max-width: 960px) { html[dir="ltr"] .nav_bar { transform: translateY(-12px); } html[dir="ltr"] .nav_bar.active { transform: translateY(0); } }