/* RedLime - right-to-left details (Arabic). Loaded on every page; rules only apply under dir="rtl".
   Layout itself uses logical CSS (margin-inline-start, inset-inline-end, text-align: start ...) and Bootstrap's RTL build,
   so this file only covers what logical properties cannot express. */

/* icons that point in the reading direction are mirrored */
[dir=rtl] .bi-chevron-right, [dir=rtl] .bi-chevron-left, [dir=rtl] .bi-chevron-double-right, [dir=rtl] .bi-chevron-double-left,
[dir=rtl] .bi-arrow-right, [dir=rtl] .bi-arrow-left, [dir=rtl] .bi-arrow-right-short, [dir=rtl] .bi-arrow-left-short,
[dir=rtl] .bi-arrow-right-circle, [dir=rtl] .bi-arrow-left-circle, [dir=rtl] .bi-arrow-return-right, [dir=rtl] .bi-arrow-return-left,
[dir=rtl] .bi-box-arrow-right, [dir=rtl] .bi-box-arrow-left, [dir=rtl] .bi-box-arrow-in-right, [dir=rtl] .bi-box-arrow-in-left,
[dir=rtl] .bi-box-arrow-up-right, [dir=rtl] .bi-box-arrow-in-up-right, [dir=rtl] .bi-caret-right, [dir=rtl] .bi-caret-right-fill,
[dir=rtl] .bi-caret-left, [dir=rtl] .bi-caret-left-fill, [dir=rtl] .bi-arrow-bar-right, [dir=rtl] .bi-arrow-bar-left,
[dir=rtl] .bi-reply, [dir=rtl] .bi-reply-fill, [dir=rtl] .bi-forward, [dir=rtl] .bi-forward-fill, [dir=rtl] .bi-send, [dir=rtl] .bi-send-fill,
[dir=rtl] .bi-text-left, [dir=rtl] .bi-text-right, [dir=rtl] .bi-text-indent-left, [dir=rtl] .bi-text-indent-right,
[dir=rtl] .bi-list-ul, [dir=rtl] .bi-list-ol, [dir=rtl] .bi-arrow-up-right, [dir=rtl] .bi-arrow-down-right, [dir=rtl] .bi-arrow-up-left, [dir=rtl] .bi-arrow-down-left,
[dir=rtl] .bi-cart, [dir=rtl] .bi-cart2, [dir=rtl] .bi-cart3, [dir=rtl] .bi-cart4, [dir=rtl] .bi-truck, [dir=rtl] .bi-signpost,
[dir=rtl] .bi-arrow-counterclockwise, [dir=rtl] .bi-arrow-clockwise, [dir=rtl] .bi-skip-forward, [dir=rtl] .bi-skip-backward,
[dir=rtl] .bi-pip, [dir=rtl] .bi-layout-sidebar, [dir=rtl] .bi-layout-sidebar-inset {
    display: inline-block; transform: scaleX(-1);
}
/* ...but never inside elements that are always left-to-right (numbers, codes) */
[dir=rtl] .rl-ltr .bi { transform: none; }

/* small movements in the reading direction */
[dir=rtl] .rl-menu-link:hover { transform: translateX(-2px); }
[dir=rtl] .rl-menu-head.collapsed .bi-chevron-down { transform: rotate(90deg); }

/* values that are always written left-to-right inside Arabic text: phone numbers, e-mail, codes, URLs, IBAN ... */
.rl-ltr, .ltr { direction: ltr; unicode-bidi: isolate; }
[dir=rtl] .rl-ltr, [dir=rtl] .ltr { text-align: end; }
[dir=rtl] input[type=tel], [dir=rtl] input[type=email], [dir=rtl] input[type=url], [dir=rtl] input[type=number],
[dir=rtl] input[inputmode=tel], [dir=rtl] input[inputmode=numeric], [dir=rtl] input[inputmode=decimal], [dir=rtl] .form-control.rl-ltr {
    direction: ltr; text-align: right;
}
[dir=rtl] input[type=tel]::placeholder, [dir=rtl] input[type=email]::placeholder, [dir=rtl] input[type=number]::placeholder,
[dir=rtl] input[inputmode=tel]::placeholder, [dir=rtl] input[inputmode=decimal]::placeholder { direction: rtl; text-align: right; }

/* Arabic names inside English pages (and the other way round) keep their own direction */
:lang(ar) [lang=en], [dir=ltr] [lang=ar] { unicode-bidi: isolate; }

/* select arrows, search icons and clear buttons sit at the end in RTL (Bootstrap RTL handles .form-select) */
[dir=rtl] input[type=search]::-webkit-search-cancel-button { margin-left: 0; margin-right: .25rem; }

/* language switch */
.rl-lang-switch .dropdown-item.active { font-weight: 700; }
.rl-lang-switch .rl-lang-ar { font-family: var(--rl-font); }