/* ==========================================================================
   RTL-specific overrides (loaded only when lang=ar).
   Most layout already flips via logical properties in style.css;
   this file handles the exceptions: mirrored icons/arrows and direction-sensitive bits.
   ========================================================================== */

/* Mirror chevrons/arrows used for carousels, "back" links, etc. */
.icon-chevron,
.gallery__nav,
.slider-arrow {
    transform: scaleX(-1);
}

/* Keep gallery swipe direction intuitive: next = toward the start in RTL */
.gallery__main { direction: rtl; }

/* Nav toggle bars stay visually centered regardless of direction (no change needed,
   kept here as a placeholder for any future icon-based nav elements) */

/* Select dropdown arrow position follows text direction automatically via logical
   properties on padding, but native browser arrow rendering may need a nudge */
select {
    background-position: left 12px center;
}