/* =========================================================================
   AROCCO — RTL refinements
   The core stylesheet already uses logical properties (margin-inline,
   inset-inline-*, padding-inline, text-align:start/end) so it is RTL-safe
   by default. This file holds the few visual tweaks that benefit from an
   explicit RTL context (icon mirroring, font stack ordering).
   ========================================================================= */

html[dir="rtl"] body,
body.rtl {
	font-family: 'Vazirmatn', 'Yekan Bakh', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Arrow icons that imply "forward" should point left in RTL. */
html[dir="rtl"] .ar-btn svg,
html[dir="rtl"] .ar-card__link svg {
	transform: scaleX(1);
}

/* Keep numeric / latin runs (code, prices) visually LTR. */
html[dir="rtl"] .ar-price-card__price,
html[dir="rtl"] .ar-stat__num,
html[dir="rtl"] code,
html[dir="rtl"] pre {
	direction: ltr;
	unicode-bidi: isolate;
}

/* Latin brand logos row reads LTR. */
html[dir="rtl"] .ar-logos span {
	direction: ltr;
	unicode-bidi: isolate;
}

/* Marquee label letter-spacing reads better tightened in Persian. */
html[dir="rtl"] .ar-marquee__label {
	letter-spacing: 0.02em;
}