/* RTL / LTR Directional Rules */

[dir="rtl"] .icon-flip {
  transform: scaleX(-1);
}

[dir="ltr"] .icon-flip {
  transform: scaleX(1);
}

/* Logical input text align */
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
  text-align: right;
}

[dir="ltr"] input, [dir="ltr"] textarea, [dir="ltr"] select {
  text-align: left;
}

/* Specific icon alignments */
.direction-arrow {
  transition: transform var(--transition-fast);
}
[dir="rtl"] .direction-arrow {
  transform: rotate(180deg);
}

/* Numbers in Arabic font readability */
.num-latin {
  font-family: var(--font-english);
  direction: ltr;
  display: inline-block;
}