/* ==========================================================================
   PAR Collection — RTL patches.
   Most of main.css already uses logical properties (margin-inline,
   padding-inline, inset-inline-start/end) which flip automatically under
   dir="rtl". This file only fixes the handful of physical values
   (transforms, keyframes, background positioning) that do not.
   ========================================================================== */

[dir="rtl"] .menu-drawer__panel {
	animation-name: par-slide-in-rtl;
}
@keyframes par-slide-in-rtl {
	from { transform: translateX(100%); }
	to   { transform: translateX(0); }
}

[dir="rtl"] .cart-drawer__panel {
	animation-name: par-slide-in-cart-rtl;
}
@keyframes par-slide-in-cart-rtl {
	from { transform: translateX(-100%); }
	to   { transform: translateX(0); }
}

/* Persian numerals and mixed Latin product codes should stay left-to-right
   even inside an RTL paragraph (SKU codes, phone numbers). */
[dir="rtl"] .product-sku,
[dir="rtl"] .par-ltr {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}

/* Never apply letter-spacing to Persian text, even where a component
   sets it for Latin headings by default. */
[dir="rtl"] body {
	letter-spacing: normal;
}

/* Chevron / arrow icons that imply direction (e.g. a "next" caret) should
   mirror in RTL. Add the .icon--flip-rtl class to any directional icon. */
[dir="rtl"] .icon--flip-rtl {
	transform: scaleX(-1);
}