/*
 * Arabic Range page text layer.
 *
 * The physical composition remains left-to-right so every card, image,
 * navigation control and animation matches the English Range page. Arabic
 * direction is applied only to user-facing copy.
 */
html[lang="ar-AE"],
body.page-range-ar {
  direction: ltr;
  overflow-x: clip;
}

.page-range-ar :where(
  #smooth-wrapper,
  #smooth-content,
  #header-sticky,
  #header-sticky .row,
  #header-sticky .button-group,
  .pbt-site-menu,
  .pbt-site-menu__layout,
  .pbt-site-menu__header,
  .pbt-site-menu__header-actions,
  .pbt-site-menu__link,
  .pbt-site-menu__utility,
  .pbt-site-menu__preview-caption,
  .range-index-page,
  .range-shell,
  .range-hero,
  .range-hero__inner,
  .range-hero__content,
  .range-hero__headline,
  .range-hero__support,
  .range-hero__actions,
  .range-hero__media,
  .range-hero__rail,
  .range-collection,
  .range-category-nav,
  .range-chapters,
  .range-chapter,
  .range-chapter__header,
  .range-chapter__heading,
  .range-chapter__grid,
  .range-card,
  .range-card__media,
  .range-card__content,
  .range-card__tags,
  .range-actions,
  .range-conversion__inner,
  .range-conversion__content,
  .pods-grid,
  .discover-links,
  .pfx-menu,
  .pfx-bottom,
  .pfx-legal,
  .pfx-social,
  .brochure-gate__content,
  .brochure-gate__actions
) {
  direction: ltr;
}

.page-range-ar :where(
  p,
  h1,
  h2,
  h3,
  li,
  .pbt-site-menu__label,
  .pbt-site-menu__micro,
  .pbt-site-menu__current,
  .pbt-site-menu__preview-title,
  .pbt-site-menu__preview-copy,
  .pbt-site-menu__preview-action span:first-child,
  .pbt-site-menu__utility-brochure span:first-child,
  .pbt-site-menu__utility-language span,
  .pbt-site-menu__close-text,
  .custom-btn,
  .range-eyebrow,
  .range-hero__title,
  .range-hero__copy,
  .range-hero__rail span,
  .range-category-nav__label,
  .range-card__title,
  .range-card__summary,
  .range-button span,
  .range-conversion__brochure,
  .pods-card__title,
  .pods-card__subtitle,
  .pods-card__text,
  .pods-card__btn,
  .discover-card span,
  .pfx-menu a,
  .pfx-legal
) {
  direction: rtl;
  unicode-bidi: plaintext;
}

body.pbt-range-page.page-range-ar :where(
  .range-eyebrow,
  .range-hero__headline,
  .range-hero__support,
  .range-chapter__heading h2,
  .range-chapter__heading p,
  .range-card__title,
  .range-conversion h2,
  .range-conversion__content > p,
  .range-conversion__brochure,
  .pods-card__title,
  .pods-card__text,
  .pods-card__btn
) {
  text-align: left !important;
}

body.pbt-range-page.page-range-ar .range-card__summary {
  text-align: justify !important;
  text-align-last: left;
}

/* Keep every directional layout decision identical to the English page.
   Only the text node inside these controls reads right-to-left. */
body.pbt-range-page.page-range-ar :where(
  .range-button,
  .range-card__content .pods-button--range,
  .range-card__tags li,
  .range-chapter__number,
  .range-hero__rail-number
) {
  direction: ltr !important;
  unicode-bidi: isolate;
}

body.pbt-range-page.page-range-ar :where(
  .range-button > span,
  .range-card__content .pods-button--range > span,
  .range-hero__rail-name,
  .range-hero__rail-type
) {
  direction: rtl;
  unicode-bidi: plaintext;
}

body.pbt-range-page.page-range-ar .range-chapter__number {
  text-align: left;
}

.page-range-ar :where(
  [dir="ltr"],
  [lang="en"],
  bdi
) {
  direction: ltr;
  unicode-bidi: isolate;
}

.page-range-ar :where(
  .pbt-site-menu__utility-contact,
  .pbt-site-menu__utility-social,
  .pbt-site-menu__language
) {
  direction: ltr;
}

.page-range-ar :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
