/* R174 — Arabic content, layout, map/listing, and careers-static refinements */

/* Requested highlighted status phrases. */
.ayamen-copy-highlight {
  color: #f6921e !important;
  font-weight: 600;
}

/* Arabic copy should shape and flow as Arabic, never as LTR mechanics. */
html[lang="ar"] :where(
  .ayp-hero p,
  .ayp-card-body,
  .ayp-card-description,
  .ayp-card-type,
  .ayr-hero__copy,
  .ayr-hero-story-panel,
  .ayr-essentials,
  .ayr-project-cta__content,
  .ab-focus,
  .ab-values,
  .ab-origins,
  .b-benefits,
  .l-choice-item__text,
  .l-exquisite-content__title,
  .l-exquisite-content__text,
  .l-exquisite-mob-card__content-title,
  .l-exquisite-mob-card__content-text
) {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Keep the header's physical geometry identical to English. Arabic text itself
   remains RTL inside the buttons, preventing the nav columns from reversing. */
html[lang="ar"] .header__content,
html[lang="ar"] .header__content > .col,
html[lang="ar"] .header__content .group {
  direction: ltr !important;
}
html[lang="ar"] .header__content .btn:not(.ayamen-lang-switch) .btn__text {
  direction: rtl;
  unicode-bidi: isolate;
}
html[lang="ar"] .header__logo,
html[lang="ar"] .header__logo-link {
  direction: ltr !important;
}

/* Homepage circular About / Projects buttons: larger labels without changing
   the circle geometry. */
body.ayamen-landing-r3 .l-content__button .btn__text,
body.ayamen-landing-r3 .l-spaces-button .btn__text {
  font-size: clamp(1.05rem, 1.25vw, 1.35rem) !important;
  line-height: 1.1 !important;
}

/* "مايميزنا" intentionally smaller than the previous oversized H1 treatment. */
html[lang="ar"] #services > h2.h1,
html[lang="ar"] #services h2.h1 {
  font-size: clamp(2.8rem, 5.3vw, 5.75rem) !important;
  line-height: 1.05 !important;
}

/* Arabic homepage final/service slider: center it exactly as requested, while
   the rest of Arabic editorial copy stays right-aligned. */
html[lang="ar"] #services :where(
  .l-services-card__title,
  .l-services-card__text,
  .l-services-mob-card__content-title,
  .l-services-mob-card__content-text,
  .l-exquisite-mob-card__content,
  .l-exquisite-mob-card__content-title,
  .l-exquisite-mob-card__content-text,
  .l-exquisite-mob-card__content-counter
) {
  text-align: center !important;
  margin-inline-left: auto !important;
  margin-inline-right: auto !important;
}

/* Listing: project number labels removed, location field is neighborhood + city. */
.projects-page .ayamen-project-locations__number {
  display: none !important;
}
.projects-page .ayamen-project-locations__trigger,
html[dir="rtl"] .projects-page .ayamen-project-locations__trigger {
  grid-template-columns: minmax(0,1fr) auto !important;
}
.projects-page .ayamen-project-locations__copy {
  gap: 7px !important;
}
.projects-page .ayamen-project-locations__copy small {
  font-size: 12px !important;
}

/* Careers is now a one-slide static section on both language versions. */
.ayamen-careers-static .l-exquisite-content__nav,
.ayamen-careers-static .js-exquisite-carousel-prev,
.ayamen-careers-static .js-exquisite-carousel-next,
.ayamen-careers-static .js-exquisite-carousel-counter {
  display: none !important;
}
.ayamen-careers-static-mobile {
  display: block !important;
  overflow: visible !important;
  width: 100% !important;
}
.ayamen-careers-static-mobile > li {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 979px) {
  html[lang="ar"] #services h2.h1 {
    font-size: clamp(2.25rem, 11vw, 3.6rem) !important;
  }
  body.ayamen-landing-r3 .l-content__button .btn__text,
  body.ayamen-landing-r3 .l-spaces-button .btn__text {
    font-size: clamp(1rem, 4.3vw, 1.18rem) !important;
  }
}

/* R175 — Arabic homepage project slider text organization */
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content {
  align-items: stretch;
}
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content > [data-plugin~="contentAnimation"]:first-child {
  width: 100%;
}
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content > [data-plugin~="contentAnimation"]:first-child > .text-tiny {
  width: 100%;
  text-align: center !important;
  padding-inline: 1.25rem !important;
}
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content__title {
  width: 100% !important;
  max-width: none !important;
  padding-inline: clamp(1.25rem, 2.2vw, 2.5rem) !important;
  text-align: center !important;
  margin-inline: auto !important;
  font-size: clamp(2.35rem, 3vw, 3.75rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content__text {
  width: calc(100% - clamp(2.5rem, 5vw, 5rem)) !important;
  min-width: 0 !important;
  max-width: 32rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  text-align: center !important;
  line-height: 1.65 !important;
}
html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-content__nav {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  padding-left: 0 !important;
  justify-content: center !important;
}
@media (max-width: 979px) {
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content,
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content-title,
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content-text,
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content-counter {
    text-align: center !important;
  }
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content-title,
  html[lang="ar"] body.ayamen-landing-r3 #exquisite .l-exquisite-mob-card__content-text {
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}