/* True RTL: mirror direction-bearing elements only. Text alignment and
   logical properties are already handled by inset-inline / margin-inline. */
[dir="rtl"] .dm-i--flip { transform: scaleX(-1); }
[dir="rtl"] .dm-division:hover .dm-division__more .dm-i { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .dm-person__name,
[dir="rtl"] .dm-division__title { letter-spacing: 0; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { letter-spacing: 0; line-height: 1.35; }
[dir="rtl"] .dm-wa { inset-inline-end: 26px; }
/* Latin fragments inside Arabic copy (emails, phone numbers, SKUs) keep LTR. */
[dir="rtl"] .dm-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* ------------------------------------------------------------------ *
 * Arabic parity
 *
 * The width, card and grid fixes are all direction-neutral (logical
 * properties + flex/grid), so they apply unchanged. These rules cover the
 * few places where direction genuinely matters.
 * ------------------------------------------------------------------ */

/* Product names and roles align to the start edge in both languages. */
[dir="rtl"] .dm-card__body,
[dir="rtl"] .dm-person__main { text-align: right; }
[dir="rtl"] .dm-person__role { text-align: left; }

/* SKUs, phone numbers and Latin brand names stay left-to-right. */
[dir="rtl"] .dm-card__sku,
[dir="rtl"] .dm-partner__logo { direction: ltr; }

/* The quote arrow points toward the reading direction. */
[dir="rtl"] .dm-card__quote .dm-i { transform: scaleX(-1); }
