/*
 * Arabic Materials page text layer.
 *
 * The component geometry remains left-to-right so it matches the English
 * Materials page exactly. RTL is applied only to Arabic copy; genuine Latin
 * values and the established control order remain unchanged.
 */
html[lang="ar-AE"],
body.page-material-ar {
  direction: ltr;
  overflow-x: clip;
}

.page-material-ar :where(
  p,
  h1,
  h2,
  h3,
  li,
  figcaption,
  .material-eyebrow,
  .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,
  .material-button span:first-child,
  .material-hero__labels span,
  .material-chapter__selector strong,
  .material-chapter__status,
  .material-envelope-atlas__selector-copy,
  .material-drawing-button span:first-child,
  .material-finishes__category strong,
  .material-finish-option__meta strong,
  .material-finish-option__meta small,
  .material-finishes__selection-label,
  .material-finishes__selection,
  .material-discover__links a span:first-child,
  .pfx-menu a,
  .pfx-legal
) {
  direction: rtl;
  unicode-bidi: plaintext;
}

.page-material-ar :where(
  .material-hero__copy,
  .material-anatomy__heading-title,
  .material-anatomy__intro,
  .material-chapter__copy,
  .material-dossier__heading,
  .material-envelope-atlas__details,
  .material-performance__heading,
  .material-performance__module,
  .material-finishes__heading-title,
  .material-finishes__intro,
  .material-finishes__note,
  .system-included__heading,
  .material-inclusions__module,
  .material-cta__copy,
  .material-discover__heading,
  .material-drawing-dialog__heading
) {
  text-align: right;
}

/* Keep the English grid, media, button and icon order unchanged. */
.page-material-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,
  .material-hero__grid,
  .material-actions,
  .material-proof__grid,
  .material-anatomy__folio,
  .material-chapter__selector,
  .material-envelope-atlas__selectors,
  .material-envelope-atlas__spread,
  .material-envelope-atlas__selector,
  .material-finishes__folio,
  .material-finishes__categories,
  .material-finishes__options,
  .material-finish-option,
  .material-finishes__selection-bar,
  .material-inclusions__grid,
  .material-cta__panel,
  .material-discover__links,
  .material-drawing-dialog__bar,
  .pfx-menu,
  .pfx-bottom,
  .pfx-legal,
  .pfx-social,
  .brochure-gate__content,
  .brochure-gate__actions
) {
  direction: ltr;
}

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

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

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