/* ==========================================================================
   RNO Beauty, RTL overrides
   Logical properties mirror almost everything. This file only holds what they
   cannot express: transforms, directional icons and motion.
   Never mirrored: logo, product photos, brand marks, media icons, numbers.
   ========================================================================== */

[dir="rtl"] .icon--dir { transform: scaleX(-1); }
[dir="rtl"] .text-link:hover .icon--dir { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] [dir="ltr"] .icon--dir { transform: none; }

html[dir="rtl"] { --origin-start: right; }

html[dir="rtl"] .drawer { transform: translateX(-100%); }
html[dir="rtl"] .drawer.is-open { transform: none; }
html[dir="rtl"] .mobile-menu { transform: translateX(100%); }
html[dir="rtl"] .mobile-menu.is-open { transform: none; }

html[dir="rtl"] .marquee__track { animation-name: marquee-rtl; }
@keyframes marquee-rtl { to { transform: translateX(50%); } }

html[dir="rtl"] .hero__product { animation-name: float-rtl; }
@keyframes float-rtl { 50% { transform: translateY(-14px) rotate(1.5deg); } }

html[dir="rtl"] .hero__media img { object-position: 78% 30%; }
html[dir="rtl"] .toast-region { transform: translateX(50%); }

/* Arabic: never letter-space connected script */
html[lang="ar"] body * { letter-spacing: 0; }
html[lang="ar"] :is(.price, .num, [lang="en"]) { letter-spacing: normal; }