/*
 * RTL overrides applied when the active language has dir="rtl".
 *
 * Philosophy: do as little as possible. The browser already handles text
 * direction, default text alignment, list bullet positioning, scrollbar
 * placement, and CSS logical properties when <html dir="rtl"> is set.
 * Modern themes (incl. Hello Elementor) and Elementor itself adapt.
 *
 * We DELIBERATELY don't:
 *   - Override `text-align` globally (the browser already does this; overriding
 *     it forces buttons and other intentional left-aligned UI to flip).
 *   - Auto-flip elements by class-name pattern (e.g. anything containing
 *     "chevron-left") — far too broad, catches unrelated icons and images.
 *   - Touch list padding, blockquote borders, or other layout primitives
 *     unless they're proven to need it for a specific theme.
 *
 * If a specific client theme has RTL bugs, fix them in the child theme's CSS,
 * scoped under [dir="rtl"]. Theme-specific patches don't belong here.
 */

/* WordPress's standard image alignment classes are content-author choices
   ("float this image left" inside a post). These map to inline-start/end
   semantics in RTL — swap them. */
.alignleft  { float: right !important; margin-inline-end: 1.5em; margin-inline-start: 0; }
.alignright { float: left  !important; margin-inline-end: 0;     margin-inline-start: 1.5em; }

/* Opt-in helper: add class="wpt-flip-rtl" to any element you want mirrored
   (typically directional icons that should swap with RTL). Apply selectively. */
.wpt-flip-rtl { transform: scaleX(-1); }