/* MudBlazor RTL Overrides
   Applied automatically when dir="rtl" is set on <html>.
   MudBlazor has no built-in RTL support — these overrides fix
   known layout-breaking component classes. */

/* Drawer: slide-in direction flip */
html[dir="rtl"] .mud-drawer--open.mud-drawer-pos-left {
    transform: translateX(0);
}
html[dir="rtl"] .mud-drawer--closed.mud-drawer-pos-left {
    transform: translateX(100%);
}
html[dir="rtl"] .mud-drawer--open.mud-drawer-pos-right {
    transform: translateX(0);
}
html[dir="rtl"] .mud-drawer--closed.mud-drawer-pos-right {
    transform: translateX(-100%);
}

/* Drawer content margin shift */
html[dir="rtl"] .mud-drawer-open-mini-left > .mud-main-content,
html[dir="rtl"] .mud-drawer-open-left > .mud-main-content {
    margin-right: var(--mud-drawer-width) !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .mud-drawer-open-mini-right > .mud-main-content,
html[dir="rtl"] .mud-drawer-open-right > .mud-main-content {
    margin-left: var(--mud-drawer-width) !important;
    margin-right: 0 !important;
}

/* NavMenu: icon and text alignment */
html[dir="rtl"] .mud-nav-item .mud-nav-link {
    flex-direction: row-reverse;
}
html[dir="rtl"] .mud-nav-item .mud-nav-link-text {
    text-align: right;
}
html[dir="rtl"] .mud-nav-group > .mud-nav-link .mud-nav-link-icon {
    margin-left: 8px;
    margin-right: 0;
}

/* Table: header/content alignment */
html[dir="rtl"] .mud-table-sort-label {
    justify-content: flex-start;
}
html[dir="rtl"] .mud-table-cell {
    text-align: right;
}

/* Input adornment icon positioning */
html[dir="rtl"] .mud-input-adornment-start {
    margin-left: 8px;
    margin-right: 0;
}
html[dir="rtl"] .mud-input-adornment-end {
    margin-right: 8px;
    margin-left: 0;
}

/* Alert icon positioning */
html[dir="rtl"] .mud-alert .mud-alert-icon {
    margin-left: 12px;
    margin-right: 0;
}

/* Chip: close icon */
html[dir="rtl"] .mud-chip .mud-chip-close {
    margin-right: 4px;
    margin-left: -4px;
}

/* Timeline: item positioning */
html[dir="rtl"] .mud-timeline-item {
    flex-direction: row-reverse;
}

/* TreeView: indentation */
html[dir="rtl"] .mud-treeview-item .mud-treeview-item {
    padding-right: 32px;
    padding-left: 0;
}

/* Button icon margin flip */
html[dir="rtl"] .mud-button .mud-button-icon-start {
    margin-left: 4px;
    margin-right: 0;
}
html[dir="rtl"] .mud-button .mud-button-icon-end {
    margin-right: 4px;
    margin-left: 0;
}

/* Expansion panel */
html[dir="rtl"] .mud-expand-panel .mud-expand-panel-icon {
    margin-left: 0;
    margin-right: auto;
}

/* Select input chip */
html[dir="rtl"] .mud-select .mud-select-input {
    text-align: right;
}