/* =============================================================================
   rtl.css — the ONLY place physical properties are permitted, and only for things
   that must not mirror. Expected to stay under 100 lines forever. If this file grows,
   something in app.css used a physical property it should not have.

   What mirrors:     layout, nav, breadcrumbs, carousel controls, form label/field order,
                     table column order.
   What NEVER mirrors: vehicle photography (it flips the badge, fuel flap and steering
                     wheel), speedometers, gear diagrams, OEM wordmarks, media playback
                     controls, charts with a time axis, VIN/plate/phone strings, Latin
                     model names, code and units.
   ========================================================================== */

/* Bootstrap Icons that carry directional meaning need flipping in RTL; icons that
   carry identity (brands, media controls) must not. Opt in explicitly, never globally. */
[dir="rtl"] .bi-flip { transform: scaleX(-1); }

/* Vehicle imagery is never mirrored — enforced structurally so no utility class can. */
[dir="rtl"] img.vehicle,
[dir="rtl"] .vehicle img { transform: none !important; }

/* The wordmark is an identity mark: it reads left-to-right in both directions. */
[dir="rtl"] .wordmark { direction: ltr; }

/* Overlay scrollbars on current browsers do not need a reserved gutter. Reserving
   one creates a visible unpainted strip beside full-bleed RTL photography. */
[dir="rtl"] { scrollbar-gutter: auto; }