/* ================================================================ RTL overrides — loaded only when dir="rtl" is set on . Complement Bootstrap 5 (non-RTL build) for the custom admin layout. ================================================================ */ /* ---- Sidebar: move to the right side ---- */ html[dir="rtl"] .admin-sidebar { left: auto; right: 0; border-right: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); /* override LTR collapse transform */ transform: none; } html[dir="rtl"] .admin-sidebar.collapsed { transform: translateX(var(--admin-sidebar-width)); } /* ---- admin-right: margin on the right instead of left ---- */ html[dir="rtl"] .admin-right { margin-left: 0; margin-right: var(--admin-sidebar-width); } html[dir="rtl"] .admin-right.sidebar-collapsed { margin-right: 0; } /* ---- Navbar: keep toggle anchored beside the right-side sidebar ---- */ html[dir="rtl"] .admin-navbar .admin-navbar-shell { flex-direction: row; } html[dir="rtl"] .admin-navbar .admin-navbar-controls { justify-content: flex-start; } html[dir="rtl"] .admin-navbar .topbar-context-card, html[dir="rtl"] .admin-navbar .topbar-context-form, html[dir="rtl"] .admin-navbar .dropdown, html[dir="rtl"] .admin-navbar .btn, html[dir="rtl"] .admin-navbar .dropdown-menu, html[dir="rtl"] .admin-navbar .topbar-branch-select { direction: rtl; } html[dir="rtl"] .admin-navbar .topbar-context-card, html[dir="rtl"] .admin-navbar .dropdown-menu, html[dir="rtl"] .admin-navbar .topbar-branch-select, html[dir="rtl"] .admin-navbar .dropdown-item, html[dir="rtl"] .admin-navbar .dropdown-item-text, html[dir="rtl"] .admin-navbar .dropdown-header { text-align: right; } html[dir="rtl"] .admin-navbar .dropdown-menu-end { right: auto; left: 0; } html[dir="rtl"] .topbar-notification-count { right: auto; left: -0.25rem; } html[dir="rtl"] .admin-navbar #sidebarToggle, html[dir="rtl"] .admin-navbar .admin-icon-btn:first-child { margin-right: 0 !important; margin-left: 0.5rem !important; } html[dir="rtl"] .modal-header { direction: rtl; flex-direction: row; } html[dir="rtl"] .modal-header .modal-title { text-align: right; margin: 0; } html[dir="rtl"] .modal-header .btn-close { margin-right: auto; margin-left: 0; } /* ---- DataTables search input spacing ---- */ html[dir="rtl"] .crud-dt-right { justify-content: flex-start; } html[dir="rtl"] .crud-dt-search input[type="search"] { padding-left: 0.75rem; padding-right: 2.15rem; background-position: right 0.7rem center; } /* ---- Mobile RTL: slide in from the right ---- */ @media (max-width: 991.98px) { html[dir="rtl"] .admin-sidebar { left: auto; right: 0; transform: translateX(260px); } html[dir="rtl"] .admin-sidebar.collapsed { transform: translateX(260px); } html[dir="rtl"] .admin-sidebar:not(.collapsed) { transform: translateX(0); } html[dir="rtl"] .admin-right, html[dir="rtl"] .admin-right.sidebar-collapsed { margin-right: 0 !important; margin-left: 0 !important; } }