/**
 * اصلاحِ راست‌چینِ بلورب.
 *
 * چرا لازم است: CSS رفرنس برای «چپ» از `flex-direction: row` و برای
 * «راست» از `row-reverse` استفاده می‌کند. این دو در فلکس‌باکس نسبت به
 * *جهتِ نوشتار* معنا دارند، نه نسبت به صفحه. روی صفحه‌ی راست‌چین، `row`
 * یعنی شروع از راست — پس کاربری که گزینه‌ی «چپ» را انتخاب می‌کند تصویر
 * را در سمتِ *راست* می‌بیند. دقیقاً برعکسِ برچسب.
 *
 * برچسب‌ها در پنل صریح‌اند («چپ»، «راست»)، پس نتیجه باید هم صریح باشد.
 * این فایل فقط روی سایتِ راست‌چین لود می‌شود.
 */

[dir="rtl"] .dfme_ab_blurb_container:has(.placement_icon_flex_left, .placement_image_flex_left),
.rtl .dfme_ab_blurb_container:has(.placement_icon_flex_left, .placement_image_flex_left) {
    flex-direction: row-reverse;
}

[dir="rtl"] .dfme_ab_blurb_container:has(.placement_icon_flex_right, .placement_image_flex_right),
.rtl .dfme_ab_blurb_container:has(.placement_icon_flex_right, .placement_image_flex_right) {
    flex-direction: row;
}

[dir="rtl"] .dfme_ab_blurb_container .dfme_ab_blurb_image.placement_icon_flex_left,
.rtl .dfme_ab_blurb_container .dfme_ab_blurb_image.placement_icon_flex_left {
    flex-direction: row-reverse;
}

[dir="rtl"] .dfme_ab_blurb_container .dfme_ab_blurb_image.placement_icon_flex_right,
.rtl .dfme_ab_blurb_container .dfme_ab_blurb_image.placement_icon_flex_right {
    flex-direction: row;
}