/* ==========================================================================
   Right-to-left overrides (Arabic)
   Loaded only when the active language is RTL. Only direction-dependent
   properties are flipped — colour, size and motion all stay as they are.
   ========================================================================== */

/* --- Section headings and rules ---------------------------------------- */

.eyebrow::before { transform-origin: right; }
.sec-head { margin-inline: 0; }

.about__quote { border-left: 0; border-right: 2px solid var(--gold-500); padding-left: 0; padding-right: 1.8rem; }
.entry-content blockquote { border-left: 0; border-right: 2px solid var(--gold-500); padding-left: 0; padding-right: 1.6rem; }
.comments__closed { border-left: 0; border-right: 3px solid var(--line); }
.comment-pending { border-left: 0; border-right: 3px solid var(--gold-500); }
.notice { border-left: 0; border-right-width: 3px; border-right-style: solid; }

/* --- Arrows point the other way ---------------------------------------- */

.btn .icon--arrow,
.link-arrow .icon--arrow,
.video-card__source .icon--arrow,
.map-link .icon--arrow,
.post-card .icon--arrow { transform: scaleX(-1); }
.btn:hover .icon--arrow,
.link-arrow:hover .icon--arrow,
.video-card__source:hover .icon--arrow,
.map-link:hover .icon--arrow { transform: scaleX(-1) translateX(4px); }

.dock__top > .icon { transform: rotate(-90deg); }
.lightbox__nav--prev .icon { transform: none; }
.lightbox__nav--next .icon { transform: rotate(180deg); }

/* --- Header ------------------------------------------------------------- */

.nav a::after { transform-origin: left; }
.nav a:hover::after,
.nav a.is-current::after,
.nav .current-menu-item > a::after { transform-origin: right; }

.brand { margin-right: 0; margin-left: auto; }

.langsw__menu { right: auto; left: 0; transform-origin: top left; }

/* --- Lists and indents -------------------------------------------------- */

ul, ol { padding-left: 0; padding-right: 1.2em; }

.step { padding-left: 0; padding-right: 4.6rem; }
.step__dot { left: auto; right: 0; }
.process__list::before,
.process__list::after { left: auto; right: 27px; }
@media (min-width: 860px) {
  .step { padding-right: 0; padding-left: 1.5rem; }
  .process__list::before { right: 0; left: 0; }
  .process__list::after { right: 0; left: auto; }
  .step__dot { right: auto; left: auto; }
}

.comment-list .children { padding-left: 0; padding-right: clamp(1rem, 3.5vw, 2.5rem); }
.comment-list .children::before { left: auto; right: clamp(.4rem, 1.5vw, 1.1rem); }

.footer li > a:hover { padding-left: 0; padding-right: .35rem; }

/* --- Cards and badges --------------------------------------------------- */

.service__no { right: auto; left: 1.6rem; }
.video-card__badge { left: auto; right: .9rem; }
.collage__sub { right: auto; left: -6%; }
.collage__badge { left: auto; right: -5%; }
.feature-video__eyebrow::before { order: 2; }

/* --- Floating dock and tooltips ----------------------------------------- */

.dock { right: auto; left: clamp(1rem, 3vw, 2rem); justify-items: start; }
.dock__btn b { right: auto; left: auto; margin-left: 0; }
.dock__btn b { inset-inline-start: calc(100% + .7rem); transform: translateY(-50%) translateX(-6px); }
.dock__btn:hover b, .dock__btn:focus-visible b { transform: translateY(-50%) translateX(0); }

.lightbox__close, .vbox__close { right: auto; left: clamp(1rem, 3vw, 2rem); }
.lightbox__nav--prev { left: auto; right: clamp(.75rem, 3vw, 2rem); }
.lightbox__nav--next { right: auto; left: clamp(.75rem, 3vw, 2rem); }

/* --- Forms -------------------------------------------------------------- */

.field select { background-position: left 1rem center; padding-right: 1rem; padding-left: 2.6rem; }
.field--hp { left: auto; right: -9999px; }

/* --- Marquee scrolls the other way -------------------------------------- */

.marquee__group { padding-right: 0; padding-left: 3rem; }
@keyframes marquee { to { transform: translateX(50%); } }

/* --- Misc --------------------------------------------------------------- */

.skip-link { left: auto; right: 1rem; }
.scroll-cue { left: 50%; transform: translateX(-50%); }
.comment-reply-title { flex-direction: row; }