/*
 * Right-to-left pages only (Store Languages Plan, phase 5): linked by the root
 * layout for Arabic, Urdu and the other RTL languages (lib/language-sheets.ts), so
 * a left-to-right page never carries it. The layout's own rules are logical
 * properties and mirror by themselves; this is what they cannot do.
 */

/* An arrow points where the reader goes. */
[dir="rtl"] .lucide-arrow-right,
[dir="rtl"] .lucide-arrow-left,
[dir="rtl"] .lucide-chevron-right,
[dir="rtl"] .lucide-chevron-left,
[dir="rtl"] .lucide-chevrons-right,
[dir="rtl"] .lucide-chevrons-left,
[dir="rtl"] .lucide-move-right,
[dir="rtl"] .lucide-move-left,
[dir="rtl"] .dir-flip {
  transform: scaleX(-1);
}
[dir="rtl"] .dir-flip {
  display: inline-block;
}

/*
 * A price, a SKU, a code, an order number, a size and a design's name stay in their
 * own direction inside the sentence around them, on their own run so they never
 * trade places with the words beside them.
 */
[dir="rtl"] .tabular-nums,
[dir="rtl"] [data-el="price"],
[dir="rtl"] code,
[dir="rtl"] kbd,
[dir="rtl"] samp,
[dir="rtl"] .font-mono,
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"],
[dir="rtl"] .fbt-size {
  direction: ltr;
  unicode-bidi: isolate;
}
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"] {
  text-align: end;
}
[dir="rtl"] bdi {
  unicode-bidi: isolate;
}

/* A carousel, a rail and a slider run from the reader's side. */
[dir="rtl"] input[type="range"] {
  direction: rtl;
}