/* Right-to-left (Arabic). Layout mirrors itself through logical CSS properties
   (margin-inline-start, inset-inline-end, text-align: start...). This file only
   holds what logical properties cannot express. */

/* Carousels and scrollers are driven by JS in LTR geometry (translate3d(-n*100%),
   scrollLeft). Keep their tracks LTR so the maths stays right; slides read RTL. */
html[dir="rtl"] :is(#engineeringTrack, #engineeringTabs, #engineeringViewport, #heroTabs,
  .map-lightbox-viewport, .map-gallery-viewport, [data-construction-media-carousel],
  [data-partners-track], .auction-highlights-track, .event-gallery-track) {
  direction: ltr;
}
html[dir="rtl"] :is(#engineeringTrack, #engineeringTabs, #heroTabs, .map-lightbox-viewport,
  .map-gallery-viewport, [data-construction-media-carousel], [data-partners-track],
  .auction-highlights-track, .event-gallery-track) > * {
  direction: rtl;
}

/* Directional glyphs (→, ↗) and arrow icons point the other way. */
html[dir="rtl"] :is(.inv-arrow, .investor-option-arrow, .appeal-arrow, .investors-entry__arrow,
  .site-search-arrow, .project-map-arrow, .lot-document__arrow, .footer-social-arrow,
  .results-arrow, .event-card-content > a b, .events-all b) {
  display: inline-block;
  scale: -1 1;
}

/* Previous/next buttons swap sides with the layout, so their arrows turn round.
   (Arrows inside the LTR-kept tracks above, e.g. .map-lightbox-arrow, stay as they are.) */
html[dir="rtl"] :is(#heroPrev, #heroNext, .engineering-arrow, .event-lightbox-arrow,
  .lot-photo-arrow, .project-lightbox-arrow) {
  scale: -1 1;
}

/* "01 / 03" slide counters keep their reading order. */
html[dir="rtl"] :is(#heroCounter, .engineering-counter, .event-gallery-count, .event-lightbox-count,
  .lot-photo-counter, .construction-media-counter) {
  direction: ltr;
  unicode-bidi: isolate;
}