/*
 * Arabic direction support for GTranslate.
 * GTranslate updates the root lang attribute at runtime, so these rules remain
 * dormant on English pages and activate without maintaining a separate template.
 */
html[lang^="ar"] {
    direction: rtl;
}

html[lang^="ar"] body {
    direction: rtl;
    text-align: right;
}

html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select,
html[lang^="ar"] .hero-banner__description,
html[lang^="ar"] .hero__description,
html[lang^="ar"] .hero-about__button,
html[lang^="ar"] .about-legacy__content,
html[lang^="ar"] .journey__tab,
html[lang^="ar"] .portfolio__info,
html[lang^="ar"] .foundation__heading,
html[lang^="ar"] .industries-slider__text {
    text-align: right;
}

html[lang^="ar"] .footer-language-switcher .gtranslate_wrapper {
    /* Keep the supplied visual order: English | العربية. */
    direction: ltr;
}

html[lang^="ar"] .footer-language-switcher .glink[data-gt-lang="ar"]::after {
    direction: rtl;
    unicode-bidi: isolate;
}

html[lang^="ar"] .article-body__list-item {
    padding-right: 20px;
    padding-left: 0;
}

html[lang^="ar"] .article-body__list-item::before {
    right: 0;
    left: auto;
}