/*
* RTL overrides, loaded only when (Arabic, the default language).
* Most spacing already uses logical properties (border-inline-start, text-align: start via
* browser defaults) which flip automatically with `dir`; this file only covers the handful of
* physical (left/right) rules that CSS logical properties don't reach — layout direction and
* the mobile off-canvas slide direction.
*/
.app-shell {
flex-direction: row-reverse;
}
body {
text-align: right;
}
.sidebar-brand,
.topbar-user {
text-align: right;
}
.nav-link,
.nav-disabled {
text-align: right;
}
@media (max-width: 960px) {
.sidebar {
right: 0;
left: auto;
transform: translateX(100%);
}
.sidebar.is-open {
transform: translateX(0);
}
}