/* Loaded only when the site is in Arabic (dir="rtl").
   Mirrors the custom Sarab theme's hardcoded left/right rules that
   Bootstrap's own RTL build does not (and cannot) know about. */

/* The theme's Poppins/Playfair Display/Dancing Script fonts have no Arabic
   glyphs; swap in an Arabic-friendly font everywhere except icon glyphs
   (Font Awesome icons are all rendered via <i class="fa*"> elements). */
body :not(i) {
  font-family: 'Tajawal', 'Poppins', sans-serif !important;
}

#topbar span { margin-right: 0; margin-left: 16px; }
#topbar span i { margin-right: 0; margin-left: 5px; }
.nav-cta { margin-left: 0; margin-right: 6px; }
.sline.lft { margin-left: auto; margin-right: 0; }

.fcard.fc1 { left: auto; right: -15px; }
.fcard.fc2 { right: auto; left: -25px; }
.fcard.fc3 { right: auto; left: -45px; }

.asm { right: auto; left: -26px; }
.aexp { left: auto; right: -16px; }

.mbdg { left: auto; right: 13px; }
.mhrt { right: auto; left: 13px; }
.mprice small { margin-left: 0; margin-right: 5px; }
.mpprice small, #mpPrice small { margin-left: 0 !important; margin-right: 8px !important; }

.sppbdg { left: auto; right: 18px; }
.sppbdg .old { margin-left: 0; margin-right: 7px; }

.gover i { margin-right: 0; margin-left: 5px; }

.tl-left { padding-right: 0; padding-left: 32px; text-align: left; }
.tl-right { padding-left: 0; padding-right: 32px; text-align: right; }
@media (max-width: 991px) {
  .timeline::before { left: auto; right: 16px; }
  .tl-right { padding-left: 0 !important; padding-right: 18px !important; text-align: right !important; }
}
@media (max-width: 767px) {
  .timeline::before { left: auto; right: 16px; }
  .tl-right { padding-left: 0 !important; padding-right: 18px !important; text-align: right !important; }
}

.chsoc { right: 0; left: 0; }

.tesq { right: auto; left: 22px; }

.bldatebdg { left: auto; right: 14px; }
.blmeta i { margin-right: 0; margin-left: 3px; }

.flinks a:hover { padding-left: 0; padding-right: 5px; }
.fbot a { margin-left: 0; margin-right: 18px; }

#searchOv .sovclose { right: auto; left: 28px; }
.mpclose { right: auto; left: 14px; }
.gpclose { right: auto; left: 0; }

@keyframes mqrun {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}

/* Icons that sit before text (me-*) commonly used with Font Awesome in this theme
   already flip correctly since Bootstrap's RTL build remaps .me-*/.ms-* to logical
   properties — no override needed there. */