/* LoomiTV — targeted RTL overrides.
   Loaded last, after every other stylesheet, on every public page.

   Most of the site self-corrects for dir="rtl" for free: CSS logical
   properties used across base.css/landing.css/etc. (margin-inline-*,
   padding-inline-*, inset-inline-*, text-align:start/end) and flexbox's
   own row-direction-follows-dir behavior. This file exists only for the
   handful of cases logical properties can't express — literal directional
   icons — plus an explicit "never mirror" guard for content where
   flipping would be visually wrong (logos, photography, device
   screenshots). Nothing here should change layout, spacing, or visual
   identity beyond mirroring the specific icons listed. */

/* Directional chevrons: audit found two SVG icons whose path coordinates
   point a specific screen direction (not just "up/down"), so they need an
   explicit flip under RTL — everything else (share icons, hamburger,
   close-X, search/clock/check icons) is direction-agnostic and untouched. */
html[dir="rtl"] .ddt-chevron,     /* installation-guide.html mobile drawer expand chevron */
html[dir="rtl"] .btn-arrow{       /* inline CTA arrow spans, e.g. "Choose your plan →" */
  transform:scaleX(-1);
}

/* installation-guide.html's mobile device drawer slides in from the
   inline-start edge (now `inset-inline-start:0` in installation-guide.css,
   so it's correctly anchored on the right in RTL) — but its open/closed
   state is driven by `transform:translateX()`, which is always physical,
   never logical, so the slide direction needs an explicit flip here. */
html[dir="rtl"] .device-drawer{ transform:translateX(100%); }
html[dir="rtl"] .device-drawer.open{ transform:translateX(0); }

/* Never mirror: brand marks, photography, and device screenshots read the
   same regardless of text direction. Explicit guard even though nothing
   above targets these — documents the intent for future RTL rules. */
html[dir="rtl"] .logo,
html[dir="rtl"] .poster-art img,
html[dir="rtl"] .step-shot img,
html[dir="rtl"] .article-shot img{
  transform:none;
}