/*
 * RTL refinements.
 *
 * The main stylesheet already uses logical properties (margin-inline,
 * inset-inline, padding-inline) throughout, so this file only carries the
 * handful of cases logical properties cannot express: physical gradient
 * angles, transform-mirrored glyphs, and shadow offsets.
 */

[dir='rtl'] .slide::after {
	background: linear-gradient(260deg, rgba(0, 12, 42, 0.95) 0%, rgba(0, 18, 58, 0.8) 30%, rgba(0, 20, 64, 0.4) 55%, rgba(0, 20, 64, 0.1) 80%);
}

[dir='rtl'] .ad-banner {
	background: linear-gradient(240deg, #001a4a 0%, #00236a 55%, #009cde 130%);
}

/* The slider translates the track by a percentage; in RTL the visual order is
   mirrored by the flex container, so the sign of the translation flips. This
   is handled in JS, but the transition origin is set here for correctness. */
[dir='rtl'] .slides-track {
	transform-origin: right center;
}

/* Chevron-style glyphs point the other way. */
[dir='rtl'] .pca-chevron {
	transform: scaleX(-1);
}

/* Numeric progress and counters stay LTR so "3 / 12" never reorders. */
[dir='rtl'] .pca-lightbox-counter,
[dir='rtl'] .pca-progress-count,
[dir='rtl'] .pca-price,
[dir='rtl'] .pca-tel {
	direction: ltr;
	unicode-bidi: isolate;
}

/* Latin-script inline values embedded in Arabic copy. */
[dir='rtl'] .pca-ltr {
	direction: ltr;
	unicode-bidi: isolate;
	display: inline-block;
}