/* ==========================================================================
   RTL exceptions
   Layout mirrors automatically through CSS logical properties. Only things
   that logical properties cannot express belong in this file.
   ========================================================================== */

/* Latin-script values stay LTR inside Arabic text (phone numbers, prices). */
[dir="rtl"] [dir="ltr"] {
	unicode-bidi: isolate;
}

/* The brand wordmark is Latin: no Arabic lockup was supplied, so the logo is
   never mirrored. */
[dir="rtl"] .tpl-logo {
	transform: none;
}

/* The WhatsApp/chat glyph is a recognisable mark, not a directional arrow. */
[dir="rtl"] .tpl-utility__item--wa .tpl-icon,
[dir="rtl"] .tpl-btn--ghost .tpl-icon {
	transform: none;
}

/* Arabic headlines sit better slightly tighter than the Latin optical size. */
[dir="rtl"] .tpl-hero__title {
	letter-spacing: 0;
}