/* ============================================================
 * rtl.css — [dir="rtl"] overrides for cases logical properties can't handle.
 * Loaded LAST in the cascade (after main.css and components.css).
 * Keep this file lean — almost everything should be handled by logical properties.
 * ============================================================ */

/* Phone numbers and email addresses must always read left-to-right,
   even inside RTL context. Wrap them in <span dir="ltr"> in markup;
   this rule reinforces the visual direction. */
[dir="rtl"] .ltr,
[dir="rtl"] [dir="ltr"] {
  unicode-bidi: embed;
}

/* Box-shadow offsets don't have a logical-property equivalent. If we
   add box-shadows later that have a horizontal offset, mirror them here.
   Lead variant uses no shadows, so nothing to flip today. */

/* Background gradients with directional `to right` / `to left` keywords
   don't auto-flip. Lead variant uses solid colors only, so nothing here yet. */

/* Stats-strip uses border-inline-start as separator — that IS a logical
   property and flips automatically. No override needed.
   Documented here to confirm the audit was performed. */

/* If a future component uses `transform: translateX(...)` with directional
   intent, flip the sign under [dir="rtl"]. Lead variant uses none today. */