/*
 * Icon spacing in right-to-left pages.
 *
 * The app loads the left-to-right bootstrap.min.css. There, .me-2 is margin-right, which in an
 * RTL page is the outer side of a leading icon, so «<i class="bi bi-x me-2"></i>عنوان» rendered
 * with the icon glued to its text (page titles, buttons, card headers; ~1000 places, 2026-11-06).
 * Pages that already wrote .ms-* on icons to get the right side are left alone.
 * :dir(rtl) follows the nearest dir attribute, so English/Turkish (LTR) pages are unaffected.
 */
:is(i, .bi, .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .spinner-border, .spinner-grow):dir(rtl).me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
:is(i, .bi, .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .spinner-border, .spinner-grow):dir(rtl).me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
:is(i, .bi, .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .spinner-border, .spinner-grow):dir(rtl).me-3 { margin-right: 0 !important; margin-left: 1rem !important; }