/* RTL (Right-to-Left) Override Styles for Arabic */
/* Just set direction: rtl and logical properties handle everything automatically */

html[dir="rtl"],
html.ar,
body.ar,
body[dir="rtl"] {
  direction: rtl;
}
/* Flip the arrow horizontally when in Arabic */
html[lang="ar"] .ar-revert {
  transform: scaleX(-1);
  display: inline-block; /* Ensure transform works properly */
}