/* ClinixUp Twenty RTL overlay — Arabic call-center layout */
html[dir="rtl"], html.clinixup-rtl {
  direction: rtl;
}

html[dir="rtl"] body,
html.clinixup-rtl body {
  direction: rtl;
}

/* Keep phones, emails, codes LTR so numbers stay readable */
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[inputmode="tel"],
html[dir="rtl"] input[inputmode="numeric"],
html[dir="rtl"] input[inputmode="email"],
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="sip:"],
html[dir="rtl"] code,
html[dir="rtl"] pre {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

/* Native form controls inherit RTL */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: start;
}

/* Dropdowns / menus that use transform-origin */
html[dir="rtl"] [role="menu"],
html[dir="rtl"] [role="listbox"],
html[dir="rtl"] [role="dialog"] {
  direction: rtl;
  text-align: start;
}

/* Tables: columns flow right-to-left */
html[dir="rtl"] table {
  direction: rtl;
}

/* Scrollbars stay usable; don't mirror canvases/icons globally */
html[dir="rtl"] img,
html[dir="rtl"] canvas,
html[dir="rtl"] video,
html[dir="rtl"] svg {
  unicode-bidi: isolate;
}

/* Chevron / caret icons that point sideways */
html[dir="rtl"] svg[class*="ChevronLeft"],
html[dir="rtl"] svg[class*="ChevronRight"],
html[dir="rtl"] svg[class*="ArrowLeft"],
html[dir="rtl"] svg[class*="ArrowRight"] {
  transform: scaleX(-1);
}