/* RTL layer for the parent pages when the language is Arabic. Only
 * direction, alignment and mirroring live here; colors, sizes and
 * spacing stay in the base stylesheets. The html element already
 * carries dir="rtl", so most of the layout flips by itself through
 * logical properties; this file catches the physical leftovers. */

[dir="rtl"] body {
  text-align: right;
}

[dir="rtl"] .ing-task-main,
[dir="rtl"] .ing-slot-main,
[dir="rtl"] .ing-minimatch,
[dir="rtl"] .ing-hero,
[dir="rtl"] .ing-option-body {
  text-align: right;
}

[dir="rtl"] .ing-backlink::before {
  content: "\2190";
  transform: scaleX(-1);
  display: inline-block;
}

[dir="rtl"] .ing-check input[type="checkbox"],
[dir="rtl"] .ing-option input[type="radio"] {
  margin-inline-end: 0;
  margin-inline-start: 0;
}

[dir="rtl"] .ing-sheet-panel {
  inset-inline-end: 0;
  inset-inline-start: auto;
}

[dir="rtl"] .ing-lang-switch {
  flex-direction: row-reverse;
}