/* =========================
   GLOBAL RTL SAFETY
========================= */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

    /* =========================
   DATE EDIT / CALENDAR
========================= */

    /* Flip navigation arrows */
    [dir="rtl"] .dxbl-calendar .dxbl-btn-icon {
        transform: scaleX(-1);
    }

    /* Fix calendar header layout */
    [dir="rtl"] .dxbl-calendar-header {
        flex-direction: row-reverse;
    }

    /* Align days correctly */
    [dir="rtl"] .dxbl-calendar-days {
        direction: rtl;
    }

    /* =========================
   GRID (DxGrid)
========================= */

    /* Header alignment */
    [dir="rtl"] .dxbl-grid th {
        text-align: right;
    }

    /* Cell alignment */
    [dir="rtl"] .dxbl-grid td {
        text-align: right;
    }

    /* Pager arrows fix */
    [dir="rtl"] .dxbl-grid .dxbl-pager .dxbl-btn-icon {
        transform: scaleX(-1);
    }

    /* =========================
   FORM LAYOUT
========================= */

    /* Labels alignment */
    [dir="rtl"] .dxbl-form-layout-item-label {
        text-align: right;
    }

    /* Fix spacing between label and editor */
    [dir="rtl"] .dxbl-form-layout-item {
        flex-direction: row-reverse;
    }

    /* =========================
   EDITORS (TextBox, ComboBox, etc.)
========================= */

    [dir="rtl"] .dxbl-text-edit,
    [dir="rtl"] .dxbl-spin-edit,
    [dir="rtl"] .dxbl-combobox {
        text-align: right;
    }

    /* Dropdown button alignment */
    [dir="rtl"] .dxbl-edit-btn {
        order: -1;
    }

    /* =========================
   DROPDOWNS / POPUPS
========================= */

    [dir="rtl"] .dxbl-dropdown,
    [dir="rtl"] .dxbl-popup {
        direction: rtl;
        text-align: right;
    }

    /* =========================
   MENU / NAVIGATION
========================= */

    /* Reverse menu direction */
    [dir="rtl"] .dxbl-menu {
        direction: rtl;
    }

        /* Flip submenu arrows */
        [dir="rtl"] .dxbl-menu .dxbl-btn-icon {
            transform: scaleX(-1);
        }

    /* =========================
   DRAWER / SIDEBAR
========================= */

    [dir="rtl"] .dxbl-drawer-panel {
        right: 0;
        left: auto;
    }

    /* =========================
   BUTTON ICONS (SAFE FLIP ONLY)
========================= */

    /* Only flip directional icons */
    [dir="rtl"] .dxbl-icon-chevronleft,
    [dir="rtl"] .dxbl-icon-chevronright,
    [dir="rtl"] .dxbl-icon-doubleleft,
    [dir="rtl"] .dxbl-icon-doubleright {
        transform: scaleX(-1);
    }

    /* =========================
   SPACING (LOGICAL FIXES)
========================= */

    /* Replace left/right spacing */
    [dir="rtl"] .ms-1 {
        margin-inline-start: 0 !important;
        margin-inline-end: 0.25rem !important;
    }

    [dir="rtl"] .ms-2 {
        margin-inline-start: 0 !important;
        margin-inline-end: 0.5rem !important;
    }

    [dir="rtl"] .me-1 {
        margin-inline-end: 0 !important;
        margin-inline-start: 0.25rem !important;
    }

    [dir="rtl"] .me-2 {
        margin-inline-end: 0 !important;
        margin-inline-start: 0.5rem !important;
    }