/* ========================================================================== Hosainy Store — RTL / LTR specific rules -------------------------------------------------------------------------- The main stylesheet uses logical properties (inset-inline, margin-inline, padding-inline, text-align:start) so most of the layout flips automatically when changes. This file only holds the handful of direction-dependent tweaks that logical properties cannot express. ========================================================================== */ /* Arabic typography tuning */ html[lang="ar"] body { letter-spacing: 0; } html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { line-height: 1.4; } html[lang="ar"] .eyebrow { letter-spacing: 0; text-transform: none; } html[lang="ar"] .product-cat { letter-spacing: 0; text-transform: none; } /* English typography tuning */ html[lang="en"] h1, html[lang="en"] h2 { letter-spacing: -.02em; } /* Icons that imply direction (arrows) flip in RTL */ html[lang="ar"] .flip-rtl { transform: scaleX(-1); } /* Swiper navigation arrows: Swiper handles RTL itself when dir="rtl", this only keeps the arrow glyphs on the right sides. */ html[lang="ar"] .swiper-button-prev { right: 10px; left: auto; } html[lang="ar"] .swiper-button-next { left: 10px; right: auto; } /* Phone numbers and prices always LTR (defined in style.css via .ltr/.price) */ /* Hero grid ordering: image first on LTR to mirror the RTL composition */ html[lang="en"] .hero-grid > .hero-visual { order: 2; }