/**
 * RTL Dashboard Layout CSS
 *
 * This CSS file handles the Right-to-Left (RTL) layout for the Arabic dashboard.
 * When the body has the 'rtl-mode' class (applied by LanguageContext for RTL languages),
 * the sidebar is positioned on the right side of the screen.
 *
 * Installation: This file is automatically injected by the plugin system.
 */

/* Sidebar anchoring: RTL flips sidebar to right side */
.rtl-mode .flex.h-screen > div:first-of-type {
  order: 2;
}

.rtl-mode .flex.h-screen > div:last-of-type {
  order: 1;
}

/* Mobile sidebar positioning */
.rtl-mode .fixed.inset-y-0.right-0 {
  right: 0;
}

.rtl-mode .fixed.inset-y-0.translate-x-full {
  transform: translateX(100%);
}

.rtl-mode .fixed.inset-y-0.translate-x-0 {
  transform: translateX(0);
}