/**
 * توجه فنی مهم: تمام کانتینرهای اصلی افزونه (cea-sidebar-wrap / cea-sort-wrap /
 * cea-loop-wrap) خودشان attribute دار "dir=rtl" هستند. وقتی dir=rtl روی یک
 * والد ست شده باشد، محور اصلی فلکس‌باکس (row) به‌طور خودکار از راست به چپ
 * چیده می‌شود (یعنی نقطهٔ شروع/ main-start همان لبهٔ راست است) - بدون نیاز
 * به هیچ flex-direction اضافه‌ای.
 *
 * نسخهٔ قبلی این فایل روی چند عنصر flex-direction: row-reverse هم گذاشته بود؛
 * این کار باعث می‌شد نقطهٔ شروع محور اصلی دوباره جابه‌جا شود (این‌بار به چپ)
 * و در نتیجه justify-content: flex-start عناصر را از سمت چپ می‌چید - دقیقاً
 * همان باگ «چپ‌چین شدن». راه‌حل: حذف row-reverse از همه‌جا و تکیه روی همان
 * dir=rtl که از قبل روی والد ست شده است.
 */

.cea-rtl .cea-sort-tabs { justify-content: flex-start; }
.cea-rtl .cea-switch-slider:before { right: auto; left: 3px; }
.cea-rtl .cea-switch input:checked + .cea-switch-slider:before { transform: translateX(18px); }
.cea-rtl .cea-pager { direction: rtl; }