/* RTL layer for Daniel's design system (loaded after overrides.css, only on section pages whose elh_lang is
   ar/fa/he/ur → wrapper .elh-ds[dir=rtl]).

   Since the design branch it/design-rtl-tabelle-zeitleiste (4 Nov 2026) the section mirroring lives in Daniel's core
   CSS itself: every physical left/right rule there has a `:where(:dir(rtl))` twin (hero, FAQ, timeline, steps,
   tables, price lists, reading chapters, Kurzfakten, ratings strip, kz-aerzte …) and the core resets letter-spacing
   for its own tracked elements. The theme no longer duplicates those rules. What stays here is what the core cannot
   cover:

   1. Arabic tracking inside page-component CSS (`k-*`): hundreds of component rules set letter-spacing; Arabic
      letters connect, so every tracking is reset globally.
   2. The theme's own RTL overlay (src/dist/css/style-rtl.min.css) leaking into the design system.
   3. Component icons/pills that the automatic component flip (inc/elh-rtl-flip.php) cannot handle.

   Page-component CSS (`k-*`) is still mirrored automatically on RTL pages by inc/elh-rtl-flip.php; the design repo
   only carries twins for a handful of components (k-38965336, k-df95a859, k-09956bc9, k-12c33a00, k-a33bc4fc,
   k-512dddd8, k-c3f6e59e), which the flip skips because their selectors contain `:dir(`.

   Every selector is scoped .elh-ds.elh-ds[dir=rtl] (specificity 0,4,0) so it beats the scoped core (0,3,0) and the
   page CSS without !important. */

/* ---------------------------------------------------------------- typography: Arabic (Tajawal) runs without tracking.
   Component CSS sets .01–.4em on eyebrows, chips, CTAs, values; the core's own tracked elements are reset upstream. */
.elh-ds.elh-ds[dir=rtl] * { letter-spacing: 0 }

/* ---------------------------------------------------------------- theme RTL overlay (src/dist/css/style-rtl.min.css) leaking into the design system:
   `[dir=rtl] label span { left:auto; right:43px }` (theme form labels) shifts every positioned span inside a label, e.g. the
   graft-calculator option cards (.fx-gr__karte, position:relative) 43 px to the left. Neutralised at (0,2,0): above the
   theme rule (0,1,2), below any design rule (0,3,0+). */
.elh-ds[dir=rtl] :where(label span) { left: auto; right: auto }

/* ---------------------------------------------------------------- page components (k-*)
   Mirrored automatically by inc/elh-rtl-flip.php (margins, paddings, borders, positions, radii, text-align, translate).
   Only icons stay: */
.elh-ds.elh-ds[dir=rtl] .fx-e04__pfeil { transform: scaleX(-1) }                                                      /* press links arrow (k-85a885d6) */

/* Before/after pills on patient photos (gallery block acf/elh-patienten-galerie, k-434727a9 on the AR overview
   /ar/before-after/): the photos are not mirrored — the "before" half is physically on the left — so the pills stay
   physical: قبل left, بعد right. The component flip (inc/elh-rtl-flip.php) swaps left/right in the page CSS while the
   block's style.css keeps the original sides, so each pill got left:10px AND right:10px and spanned the whole image
   (only بعد visible, 3 Nov 2026). */
.elh-ds.elh-ds[dir=rtl] .fx-frei .fx-vng__vor { left: 10px; right: auto; }
.elh-ds.elh-ds[dir=rtl] .fx-frei .fx-vng__nach { right: 10px; left: auto; }