/* Arabic language layer for the Extra Room for Villa page.
   Layout containers remain spatially LTR so the English composition is preserved. */
html[lang="ar-AE"],
body.extra-room-page--ar {
  direction: ltr;
}

.extra-room-page--ar :where(
  .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,
  #header-sticky,
  #header-sticky .row,
  #header-sticky .button-group,
  .extra-hero__grid,
  .extra-hero__details,
  .extra-intro-grid,
  .extra-feature-strip,
  .extra-section-head,
  .extra-use-grid,
  .extra-dark-grid,
  .extra-dark-image__meta,
  .extra-row-list article,
  .hop-material,
  .extra-climate-visual__meta,
  .hop-point-grid,
  .extra-layout-editorial__stage,
  .extra-layout-editorial__brief-head,
  .hop-actions,
  .hop-bullets,
  .extra-compare-panels,
  .hop-process-grid,
  .extra-trust-story,
  .extra-trust-viewer__head,
  .extra-trust-viewer__controls,
  .bbq-faq summary,
  .bbq-faq__answer-inner,
  .er-enquiry__layout,
  .er-enquiry__form,
  .er-enquiry__meta,
  .er-enquiry__progress,
  .er-enquiry__progress-button,
  .er-enquiry__fields,
  .er-enquiry__field-surface,
  .er-enquiry-select__trigger,
  .er-enquiry__actions,
  .pbt-discover__shell,
  .pbt-discover__links,
  .pfx-menu,
  .pfx-bottom,
  .pfx-legal,
  .pfx-social
) {
  direction: ltr;
}

.extra-room-page--ar :where(
  p,
  h1,
  h2,
  h3,
  li,
  label,
  legend,
  figcaption,
  .hop-eyebrow,
  .pbt-site-menu__label,
  .pbt-site-menu__micro,
  .pbt-site-menu__current,
  .pbt-site-menu__close-text,
  .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,
  .custom-btn,
  .hop-btn,
  .extra-trust-item__label,
  .extra-trust-item__value,
  .bbq-faq summary > span:first-child,
  .er-enquiry__progress-button span:last-child,
  .er-enquiry-select__value,
  .er-enquiry-select__option,
  .er-enquiry__privacy,
  .er-enquiry__status,
  .pbt-discover__links span:first-child,
  .pfx-menu a,
  .pfx-legal
) {
  direction: rtl;
  unicode-bidi: plaintext;
  font-family: Tahoma, Arial, sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.extra-room-page--ar :where(
  .extra-hero__content,
  .extra-intro-copy,
  .extra-feature-strip article,
  .extra-section-head,
  .extra-use-card,
  .extra-dark-content,
  .extra-climate-content,
  .extra-layout-editorial__copy,
  .extra-layout-editorial__brief-head > div,
  .extra-compare-panel,
  .hop-step,
  .extra-trust-story__statement,
  .extra-trust-story__copy,
  .extra-trust-item__content,
  .extra-faq-section .hop-container--narrow,
  .bbq-faq summary > span:first-child,
  .bbq-faq__answer p,
  .er-enquiry__header,
  .er-enquiry__legend,
  .er-enquiry__field-surface > label,
  .er-enquiry__field-surface > input,
  .er-enquiry__field-surface > textarea,
  .er-enquiry-select__value,
  .er-enquiry-select__option,
  .er-enquiry__field-error,
  .er-enquiry__privacy,
  .er-enquiry__status,
  .pbt-discover__header
) {
  text-align: right;
}

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

.extra-room-page--ar input[type="tel"],
.extra-room-page--ar input[type="email"],
.extra-room-page--ar #extra-room-space {
  text-align: left !important;
}

.extra-room-page--ar :where(
  .pbt-site-menu__utility-contact,
  .pbt-site-menu__utility-social,
  .pbt-site-menu__language,
  .pbt-site-menu__arrow,
  .hop-actions,
  .extra-trust-viewer__controls,
  .pfx-social
) {
  direction: ltr;
}
