/* Arabic text layer for the security guard pod landing page.
   Physical composition remains identical to the English source. */
html[lang="ar-AE"],
body.sg-ar-page {
  direction: ltr;
}

.sg-ar-page :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,
  .sg-hero,
  .sg-hero__content,
  .sg-actions,
  .sg-at-glance__header,
  .sg-spec-rail,
  .essential-brief__board,
  .essential-brief__editorial,
  .sg-exterior__grid,
  .sg-exterior__gallery,
  .sg-section-head,
  .sg-interior__grid,
  .sg-elevation-strip,
  .entry-story__masthead,
  .entry-story__gallery,
  .entry-story__details,
  .sg-config__intro,
  .sg-config__cards,
  .sg-config__factors,
  .sg-mid-cta__inner,
  .sg-mid-cta__actions,
  .sg-scope__header,
  .sg-scope__grid,
  .sg-project-factors__inner,
  .sg-production__layout,
  .sg-applications__header,
  .sg-location-ledger,
  .sg-process__steps,
  .sg-faq__layout,
  .pbt-private-consultation__folio,
  .pbt-private-consultation__fields,
  .sg-enquiry__meta,
  .sg-enquiry__actions,
  .sg-links .sg-shell,
  .sg-links nav,
  .pfx-menu,
  .pfx-bottom,
  .pfx-legal,
  .pfx-social
) {
  direction: ltr;
}

.sg-ar-page :where(
  p,
  h1,
  h2,
  h3,
  li,
  label,
  summary,
  figcaption,
  .sg-breadcrumb,
  .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,
  .sg-button,
  .sg-text-link,
  .essential-brief__link,
  .commission-select__value,
  .commission-select__option,
  .pbt-private-consultation__submit,
  .pfx-menu a,
  .pfx-legal
) {
  direction: rtl;
  unicode-bidi: plaintext;
  font-family: Tahoma, Arial, sans-serif !important;
  letter-spacing: normal !important;
}

.sg-ar-page :where(
  .sg-hero__content,
  .sg-at-glance__header > *,
  .essential-brief__editorial,
  .sg-exterior__copy,
  .sg-section-head,
  .entry-story__masthead,
  .sg-config__intro > *,
  .sg-mid-cta__copy,
  .sg-scope__header > *,
  .sg-project-factors__heading,
  .sg-project-factors__copy,
  .sg-production__copy,
  .sg-applications__header > *,
  .sg-faq__intro,
  .sg-faq summary,
  .sg-faq details p,
  .sg-enquiry__form,
  .sg-links .sg-shell > div
) {
  text-align: right;
}

.sg-ar-page .sg-breadcrumb {
  justify-content: flex-start;
}

.sg-ar-page .sg-faq summary {
  padding-right: 0;
  padding-left: 48px;
}

.sg-ar-page .sg-faq summary::before,
.sg-ar-page .sg-faq summary::after {
  right: auto;
  left: 5px;
}

.sg-ar-page .sg-faq details p {
  padding-right: 0;
  padding-left: 40px;
}

.sg-ar-page .commission-field__surface > label,
.sg-ar-page .commission-field__surface > input,
.sg-ar-page .commission-field__surface > textarea,
.sg-ar-page .commission-select__trigger,
.sg-ar-page .pbt-private-consultation__field-error,
.sg-ar-page .pbt-private-consultation__privacy,
.sg-ar-page .pbt-private-consultation__status {
  direction: rtl;
  text-align: right;
  font-family: Tahoma, Arial, sans-serif !important;
  letter-spacing: normal !important;
}

.sg-ar-page .commission-select__trigger {
  flex-direction: row-reverse;
}

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

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

.sg-ar-page :where(
  .pbt-site-menu__utility-contact,
  .pbt-site-menu__utility-social,
  .pbt-site-menu__language,
  .pbt-site-menu__arrow,
  .sg-actions,
  .sg-mid-cta__actions,
  .pfx-social
) {
  direction: ltr;
}

@media (max-width: 767px) {
  .sg-ar-page .sg-faq details p {
    padding-left: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sg-ar-page *,
  .sg-ar-page *::before,
  .sg-ar-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}