/* ============================================================================
   0_24_rtl.css — RTL ADAPTATION LAYER (Persian / fa support)
   ----------------------------------------------------------------------------
   The core stylesheets (0_03 ... 0_23) were refactored to CSS logical
   properties (margin-inline-*, padding-inline-*, inset-inline-*,
   text-align: start/end, float: inline-*), so a single build serves both
   LTR and RTL layouts.
   This layer is scoped to [dir="rtl"] and only fixes what logical properties
   cannot express: physical background-image positions, directional SVG sprite
   glyphs and the Persian font stack.
   ========================================================================== */

/* --- Persian-friendly font stack (Vazirmatn covers Arabic/Persian glyphs) --- */
:root[dir="rtl"] {
    font-family: Vazirmatn, Vazir, Tahoma, "Segoe UI", Arial, sans-serif;
}

/* --- Priority label icons hug the inline-start edge of the text --- */
[dir="rtl"] .dropdown-select.priority[data-value=low] span, [dir="rtl"] .dropdown.priority[data-value=low] span, [dir="rtl"] .with-label.priority[data-value=low] span,
[dir="rtl"] .dropdown-select.priority[data-value=medium] span, [dir="rtl"] .dropdown.priority[data-value=medium] span, [dir="rtl"] .with-label.priority[data-value=medium] span,
[dir="rtl"] .dropdown-select.priority[data-value=high] span, [dir="rtl"] .dropdown.priority[data-value=high] span, [dir="rtl"] .with-label.priority[data-value=high] span,
[dir="rtl"] .dropdown-select.priority[data-value=critical] span, [dir="rtl"] .dropdown.priority[data-value=critical] span, [dir="rtl"] .with-label.priority[data-value=critical] span {
    background-position: right center;
}

[dir="rtl"] .dropdown-select.priority [data-option=low], [dir="rtl"] .dropdown.priority [data-option=low], [dir="rtl"] .with-label.priority [data-option=low],
[dir="rtl"] .dropdown-select.priority [data-option=medium], [dir="rtl"] .dropdown.priority [data-option=medium], [dir="rtl"] .with-label.priority [data-option=medium],
[dir="rtl"] .dropdown-select.priority [data-option=high], [dir="rtl"] .dropdown.priority [data-option=high], [dir="rtl"] .with-label.priority [data-option=high],
[dir="rtl"] .dropdown-select.priority [data-option=critical], [dir="rtl"] .dropdown.priority [data-option=critical], [dir="rtl"] .with-label.priority [data-option=critical] {
    background-position: right 21px center;
}

/* --- Directional SVG sprite glyphs mirror horizontally in RTL --- */
[dir="rtl"] .icon-chevron-left,
[dir="rtl"] .icon-chevron-right,
[dir="rtl"] .icon-back,
[dir="rtl"] .icon-log-out,
[dir="rtl"] .icon-move-to,
[dir="rtl"] .icon-submit-ticket {
    transform: scaleX(-1);
}