/* ============================================
   RTL Overrides — loaded when dir="rtl"
   ============================================ */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Sidebar */
[dir="rtl"] #sidebar { left: auto; right: 0; }
[dir="rtl"] #sidebar.collapsed { left: auto; right: calc(-1 * var(--sidebar-width)); }
[dir="rtl"] .main-content { margin-left: 0; margin-right: var(--sidebar-width); }
[dir="rtl"] .main-content.expanded { margin-right: 0; }

/* Mobile sidebar */
@media (max-width: 991.98px) {
    [dir="rtl"] #sidebar { right: calc(-1 * var(--sidebar-width)); left: auto; }
    [dir="rtl"] #sidebar.active { right: 0; }
    [dir="rtl"] .main-content { margin-right: 0 !important; }
    [dir="rtl"] .sidebar-toggler { right: auto; left: 1rem; }
}

/* Flip directional margins */
[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }

/* Flip directional paddings */
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .ps-4 { padding-left: 0 !important; padding-right: 1.5rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }
[dir="rtl"] .pe-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }

/* Flip text alignment */
[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .text-start { text-align: right !important; }

/* Sidebar link icons */
[dir="rtl"] .sidebar-link { gap: 0.75rem; }

/* Login page */
[dir="rtl"] .login-right { order: -1; }

/* Form input groups */
[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}
[dir="rtl"] .input-group > :first-child:not(.dropdown-menu):not(.dropdown-toggle) {
    border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}

/* Feather icons in buttons */
[dir="rtl"] .btn svg { order: 1; }