/*!
 * استایل‌های اختصاصی RTL
 *
 * توضیح: چون در main.css از خاصیت‌های Logical (مثل margin-inline,
 * padding-inline, text-align: start, inset-inline-start/end) استفاده شده،
 * اکثر قالب به‌صورت خودکار بین RTL و LTR سازگار می‌شه و نیازی به بازنویسی
 * کامل استایل نیست. این فایل فقط برای موارد استثنایی هست که خاصیت
 * Logical معادل ندارن (مثل جهت آیکون‌های فلش سفارشی یا فونت اعداد).
 */

/* آیکون فلش‌دار منو که با transform: rotate ساخته شده در RTL باید دقیقاً برعکس بشه */
[dir="rtl"] .jg-hero-slider__prev {
    transform: translateY(-50%) scaleX(-1);
}

[dir="rtl"] .jg-hero-slider__next {
    transform: translateY(-50%) scaleX(-1);
}