/* ============================================================ IDM Design System — RTL Support ZDataCloud App4 Upgrade ============================================================ Activated when dir="rtl" is set on or any ancestor. Uses CSS logical properties throughout IDM components. ============================================================ */ [dir="rtl"] .idm-scope { font-family: var(--font-arabic); } [dir="rtl"] .idm-scope .idm-table thead th, [dir="rtl"] .idm-scope .idm-table tbody td { text-align: right; } [dir="rtl"] .idm-scope .idm-select { background-position: left 12px center; padding-right: 12px; padding-left: 32px; } [dir="rtl"] .idm-scope .idm-toggle input:checked + .idm-toggle-track .idm-toggle-thumb { transform: translateX(-16px); } [dir="rtl"] .idm-scope .idm-toggle-thumb { left: auto; right: 2px; } [dir="rtl"] .idm-scope .idm-dropdown-menu { right: auto; left: 0; } [dir="rtl"] .idm-scope .idm-pagination { flex-direction: row-reverse; } [dir="rtl"] .idm-scope .idm-alert-dismiss { margin-left: 0; margin-right: auto; } [dir="rtl"] .idm-scope .idm-text-right { text-align: left; } [dir="rtl"] .idm-scope .idm-text-left { text-align: right; }