/**
 * اصلاحِ راست‌چینِ متنِ هایلایت‌شده.
 *
 * SVG هایلایت به‌صورتِ inline *بعد از* متنِ میانوند می‌آید و با
 * `transform: translateX(-100% …)` روی متن برمی‌گردد. این عدد در PHP و
 * بیلدر از تنظیماتِ کاربر ساخته می‌شود (padding + مقیاس)، پس با CSS ثابت
 * قابلِ جایگزینی نیست.
 *
 * روی صفحهٔ راست‌چین جریانِ inline برعکس است: SVG سمتِ چپِ متن می‌نشیند و
 * translateX(-100%) آن را از متن *دورتر* می‌برد — هایلایت از روی کلمه
 * می‌افتد.
 *
 * راه‌حل بدونِ دست‌زدن به مقدارِ پویا: خودِ span میانوند یک جزیرهٔ
 * چپ‌چین می‌شود. ترتیبِ جعبه‌های inline (متن، بعد SVG) دوباره چپ‌به‌راست
 * می‌شود و همان translateX کار می‌کند؛ متنِ فارسیِ داخلش هم چون یک runِ
 * bidi است، همچنان درست رندر می‌شود.
 */

[dir="rtl"] .dfme_text_highlighter .dfme-text-highlight,
.rtl .dfme_text_highlighter .dfme-text-highlight {
    direction: ltr;
    unicode-bidi: isolate;
}