/* Shared bidirectional shell for Arabic consumer pages. */
:root[dir="rtl"] {
  direction: rtl;
}

:root[dir="rtl"] body,
:root[dir="rtl"] dialog,
:root[dir="rtl"] [role="dialog"],
:root[dir="rtl"] .lang-menu,
:root[dir="rtl"] .user-menu-list {
  direction: rtl;
  text-align: right;
}

:root[dir="rtl"] input:not([type="number"]):not([type="tel"]):not([type="email"]),
:root[dir="rtl"] textarea,
:root[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

/* Numbers, codes, URLs, maps and timelines remain readable in their native
   left-to-right order inside an RTL document. */
:root[dir="rtl"] input[type="number"],
:root[dir="rtl"] input[type="tel"],
:root[dir="rtl"] input[type="email"],
:root[dir="rtl"] code,
:root[dir="rtl"] pre,
:root[dir="rtl"] .mapboxgl-map,
:root[dir="rtl"] .mapboxgl-control-container,
:root[dir="rtl"] [data-map],
:root[dir="rtl"] [data-ltr],
:root[dir="rtl"] time {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

:root[dir="rtl"] .pgle-topnav,
:root[dir="rtl"] .pgle-topnav-menu,
:root[dir="rtl"] .pgle-topnav-mobile-menu,
:root[dir="rtl"] .lang-dropdown,
:root[dir="rtl"] .user-dropdown {
  direction: rtl;
}

:root[dir="rtl"] [data-directional-icon]:not([style*="transform"]),
:root[dir="rtl"] .icon-chevron:not([style*="transform"]),
:root[dir="rtl"] .icon-arrow-back:not([style*="transform"]),
:root[dir="rtl"] .icon-arrow-next:not([style*="transform"]) {
  transform: scaleX(-1);
}