/*
 * GTAM LANGUAGE DIRECTION V17.2
 *
 * Important:
 * The website layout always remains LTR.
 * Arabic and Urdu affect text direction only.
 */

html,
body {
  direction: ltr;
}

/* Never reverse structural layout */
.page,
.app-shell,
.bottom-nav,
.asset-settings,
.language-grid,
.modal-head,
.card,
.settings-list {
  direction: ltr;
}

/*
 * Arabic / Urdu textual content.
 * Do not reverse flex/grid order.
 */
html.gtam-text-rtl .page p,
html.gtam-text-rtl .page h1,
html.gtam-text-rtl .page h2,
html.gtam-text-rtl .page h3,
html.gtam-text-rtl .page label,
html.gtam-text-rtl .page input,
html.gtam-text-rtl .page textarea,
html.gtam-text-rtl .page .notice,
html.gtam-text-rtl .page .modal-copy {
  unicode-bidi: plaintext;
}

/*
 * Language selector must ALWAYS keep:
 * flag + language name
 * and original two-column ordering.
 */
.language-grid,
.language-option {
  direction: ltr !important;
}

.language-option[data-language-code="ar"] span,
.language-option[data-language-code="ur"] span,
[data-lang="ar"],
[data-lang="ur"] {
  direction: rtl;
  unicode-bidi: isolate;
}