html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .nav__menu, html[dir="rtl"] .breadcrumbs, html[dir="rtl"] .entry__meta { direction: rtl; }
html[dir="rtl"] .row { direction: rtl; }
html[dir="rtl"] .nav__dropdown-menu { right: 0; left: auto; text-align: right; }
html[dir="rtl"] .ui-arrow-right:before { transform: rotate(180deg); display: inline-block; }

/* Revolution Slider positions layers with left-based pixel coordinates. Keep its
   layout engine LTR so RTL inheritance cannot push mobile captions off-screen. */
html[dir="rtl"] .rev_slider_wrapper,
html[dir="rtl"] .rev_slider,
html[dir="rtl"] .tp-revslider-mainul,
html[dir="rtl"] .tp-revslider-slidesli {
  direction: ltr !important;
}

/* Direction also affects how Revolution Slider anchors each layer. Keep the
   layer box LTR; Arabic glyphs retain their natural RTL flow and right alignment. */
html[dir="rtl"] .rev_slider .tp-caption {
  direction: ltr;
  text-align: right !important;
}

@media (max-width: 767px) {
  html[dir="rtl"] .rev_slider .tp-caption {
    max-width: calc(100vw - 60px) !important;
  }
}

@media (max-width: 991px) {
  html[dir="rtl"] .nav__icon-toggle {
    margin-right: auto;
    margin-left: 0;
  }
}