/**
 * RTL helpers for the "basic" front-office template (Arabic).
 *
 * The component layout is handled by main.rtl.css (a mirrored build of
 * main.css) which is loaded instead of main.css when the active language
 * is right-to-left. This file only carries the few rules that a mirror
 * cannot express, and is loaded for RTL languages only.
 */

/* Base direction */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Mirror directional arrow icons so they point leftwards in RTL */
html[dir="rtl"] i.fa-arrow-right,
html[dir="rtl"] i.fas.fa-arrow-right,
html[dir="rtl"] i.lar.fa-arrow-right,
html[dir="rtl"] i.la-arrow-right,
html[dir="rtl"] i.las.la-arrow-right {
    display: inline-block;
    transform: scaleX(-1);
}

/* Keep inherently LTR fragments (numbers, e-mails, phones, codes) readable */
html[dir="rtl"] .dir-ltr {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left;
}

/* Slick: keep the track aligned with the RTL reading order */
html[dir="rtl"] .slick-slider {
    direction: rtl;
}