/* V54 — physical alignment and direction-aware arrows across both languages.
   This file loads AFTER V44 artwork, other layout sheets and the V53 homepage hero. */

/* English only: slide number, destination, caption and progress move to the RIGHT.
   Arabic keeps its existing LEFT location. No movement of the central banner copy. */
html[dir="ltr"] #sfHero .sf-bottom-info {
  inset: auto clamp(45px, 5vw, 84px) 100px auto !important;
  left: auto !important;
  right: clamp(45px, 5vw, 84px) !important;
  direction: ltr !important;
  text-align: right !important;
}
html[dir="ltr"] #sfHero .sf-bottom-info .sf-meta-stack {
  align-items: flex-end !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  text-align: right !important;
}
html[dir="ltr"] #sfHero :is(.sf-count, .sf-place-name, .sf-bottom-note) {
  align-self: flex-end !important;
  text-align: right !important;
}
html[dir="ltr"] #sfHero .sf-count {
  direction: ltr !important;
  justify-content: flex-end !important;
  unicode-bidi: isolate !important;
}
html[dir="ltr"] #sfHero .sf-slide-progress {
  align-self: flex-end !important;
  transform: none !important;
  direction: ltr !important;
}
html[dir="ltr"] #sfHero .sf-slide-progress > i {
  transform-origin: right center !important;
}
@media (max-width: 780px) {
  html[dir="ltr"] #sfHero .sf-bottom-info {
    inset: auto 22px 122px auto !important;
    left: auto !important;
    right: 22px !important;
  }
}

/* Any link/action arrow points to the LEFT in Arabic, to the RIGHT in English.
   The CSS-drawn arrow is mirrored, not the button text, card or icon wrapper. */
html[dir="rtl"] .sf-v44-arrow:not(.sf-v44-arrow--left):not(.sf-v44-arrow--up-right) {
  transform: scaleX(-1) !important;
}
/* Previous arrows are intentionally reversed from navigation/action arrows.
   Left-marked arrows in next/previous controls should point RIGHT in Arabic. */
html[dir="rtl"] .sf-v44-arrow--left:not(.sf-v44-arrow--up-right) {
  transform: none !important;
}
/* CTA and 'View all offers' are LINKS, not previous-slide controls. */
html[dir="rtl"] #sfCta .sf-v44-arrow--left,
html[dir="rtl"] .sf-offers-view-all .sf-v44-arrow--left {
  transform: scaleX(-1) !important;
}
html[dir="ltr"] #sfCta .sf-v44-arrow--left {
  transform: none !important;
}

/* Dynamically generated destination and offer cards use pseudo-element arrows. */
html[dir="rtl"] .sf-card-arrow::after {
  transform: rotate(225deg) !important;
  left: calc(50% - 7px) !important;
}

/* Physical carousel layout follows RTL reading direction as well as icon direction:
   previous = right, next = left in Arabic; reverse in English. */
html[dir="rtl"] #sfHero .sf-controls,
html[dir="rtl"] .destinations-carousel .carousel-controls,
html[dir="rtl"] .sf-interior-nav,
html[dir="rtl"] .inner-cinematic-controls {
  flex-direction: row-reverse !important;
}

/* Preserve visible focus and pointer interactions: purely presentational changes. */