/* R36.3 targeted Arabic corrections.
   Restores English geometry for About project cards, stabilizes About statistics,
   increases text on non-landing/non-about/non-career routes, and hardens project galleries. */

/* About project cards: use the exact English physical controller geometry. */
html[lang="ar"] .ab-projects,
html[lang="ar"] .ab-projects .sticky-slider,
html[lang="ar"] .ab-projects .sticky-slider__sticky,
html[lang="ar"] .ab-projects__text,
html[lang="ar"] .ab-projects__content,
html[lang="ar"] .ab-project {
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[lang="ar"] .ab-projects__content {
  flex-direction:row!important;
  justify-content:flex-start!important;
}
html[lang="ar"] .ab-project__content,
html[lang="ar"] .ab-project__content * {
  direction:rtl!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
}
html[lang="ar"] .ab-project__background,
html[lang="ar"] .ab-project__background * {
  direction:ltr!important;
}

/* About statistics: raise the group, fit all four statistics, and enlarge supporting text. */
html[lang="ar"] .ayamen-ar-about-stats {
  padding-top:clamp(3.75rem,7vh,6rem)!important;
}
html[lang="ar"] .ayamen-ar-about-stats > .col:first-child p {
  max-width:31rem!important;
  font-size:clamp(1.25rem,1.55vw,1.65rem)!important;
  line-height:1.62!important;
}
html[lang="ar"] .ayamen-ar-about-stats dl {
  margin:0!important;
}
html[lang="ar"] .ayamen-ar-about-stats dl + dl {
  margin-top:clamp(1.25rem,2.4vh,2.5rem)!important;
}
html[lang="ar"] .ayamen-ar-about-stats dt,
html[lang="ar"] .ayamen-ar-about-stats dt .ayamen-ar-number {
  font-size:clamp(5rem,7.2vw,8.2rem)!important;
  line-height:.88!important;
}
html[lang="ar"] .ayamen-ar-about-stats dd {
  margin-top:.55rem!important;
  font-size:clamp(1.05rem,1.18vw,1.3rem)!important;
  line-height:1.45!important;
  white-space:normal!important;
}
@media(max-height:820px) and (min-width:980px){
  html[lang="ar"] .ayamen-ar-about-stats {padding-top:3.2rem!important}
  html[lang="ar"] .ayamen-ar-about-stats dt,
  html[lang="ar"] .ayamen-ar-about-stats dt .ayamen-ar-number {font-size:clamp(4.4rem,6.3vw,7rem)!important}
  html[lang="ar"] .ayamen-ar-about-stats dl + dl {margin-top:1rem!important}
}
@media(max-width:979px){
  html[lang="ar"] .ayamen-ar-about-stats {padding-top:3.5rem!important}
  html[lang="ar"] .ayamen-ar-about-stats > .col:first-child p {font-size:1.18rem!important;line-height:1.65!important}
  html[lang="ar"] .ayamen-ar-about-stats dt,
  html[lang="ar"] .ayamen-ar-about-stats dt .ayamen-ar-number {font-size:clamp(4rem,18vw,6.4rem)!important}
  html[lang="ar"] .ayamen-ar-about-stats dd {font-size:1.05rem!important}
}

/* Larger Arabic typography outside Landing, About and Careers. */
html[lang="ar"] .ayamen-contact-page .c-intro__bottom,
html[lang="ar"] .ayamen-contact-page .c-intro__bottom p,
html[lang="ar"] .ayamen-contact-page .form-label,
html[lang="ar"] .ayamen-contact-page .form-control input,
html[lang="ar"] .ayamen-contact-page .form-control textarea,
html[lang="ar"] .ayamen-contact-page .form-control select {
  font-size:clamp(1.08rem,1.18vw,1.28rem)!important;
  line-height:1.6!important;
}
html[lang="ar"] .ayp-intro__grid p,
html[lang="ar"] .ayp-project__footer p {
  font-size:clamp(1.3rem,1.55vw,1.58rem)!important;
  line-height:1.65!important;
}
html[lang="ar"] .ayp-kicker,
html[lang="ar"] .ayp-scroll-cue,
html[lang="ar"] .ayp-project__meta,
html[lang="ar"] .ayp-project__footer > span,
html[lang="ar"] .ayp-closing__copy p,
html[lang="ar"] .ayp-closing a {
  font-size:clamp(.96rem,1vw,1.08rem)!important;
}
html[lang="ar"] [data-project-detail] p,
html[lang="ar"] [data-project-detail] li,
html[lang="ar"] [data-project-detail] .pd-note,
html[lang="ar"] [data-project-detail] .pd-floor-schedule article,
html[lang="ar"] [data-project-detail] .pd-project-nav a {
  font-size:clamp(1.08rem,1.22vw,1.35rem)!important;
  line-height:1.68!important;
}
html[lang="ar"] [data-project-detail] button,
html[lang="ar"] [data-project-detail] .pd-kicker,
html[lang="ar"] [data-project-detail] .pd-availability,
html[lang="ar"] [data-project-detail] .pd-plan-meta,
html[lang="ar"] [data-project-detail] .pd-unit-meta {
  font-size:clamp(.98rem,1.05vw,1.12rem)!important;
}
html[lang="ar"] .news-page .ayn-news-card p,
html[lang="ar"] .news-page .ayn-feature p,
html[lang="ar"] .news-page .ayn-news-browser p,
html[lang="ar"] .news-article-page .ayn-article p,
html[lang="ar"] .news-article-page .ayn-article li,
html[lang="ar"] .news-article-page .ayn-related p {
  font-size:clamp(1.12rem,1.28vw,1.42rem)!important;
  line-height:1.72!important;
}
html[lang="ar"] .news-page .ayn-filters button,
html[lang="ar"] .news-page .ayn-card__date,
html[lang="ar"] .news-page .ayn-tag,
html[lang="ar"] .news-page .ayn-feature__meta,
html[lang="ar"] .news-page .ayn-news-card__footer,
html[lang="ar"] .news-article-page .ayn-article-meta {
  font-size:clamp(.98rem,1.05vw,1.1rem)!important;
}
html[lang="ar"] .legal p,
html[lang="ar"] .legal li,
html[lang="ar"] .legal dd,
html[lang="ar"] .legal dt {
  font-size:clamp(1.12rem,1.22vw,1.35rem)!important;
  line-height:1.75!important;
}
@media(max-width:979px){
  html[lang="ar"] .ayp-intro__grid p,
  html[lang="ar"] .ayp-project__footer p,
  html[lang="ar"] [data-project-detail] p,
  html[lang="ar"] [data-project-detail] li,
  html[lang="ar"] .news-page .ayn-news-card p,
  html[lang="ar"] .news-article-page .ayn-article p,
  html[lang="ar"] .legal p,
  html[lang="ar"] .legal li {font-size:1.12rem!important}
}

/* Projects listing: preserve English controller geometry and keep Arabic text RTL.
   IMPORTANT: widths are measured and written by ayamen-projects-listing.js. Do not
   override those inline pixel widths with max-content, because .ayp-projects is a
   layout-contained panel and its intrinsic width will collapse before all projects. */
html[lang="ar"] .ayp-index,
html[lang="ar"] .ayp-track,
html[lang="ar"] [data-ayp-track],
html[lang="ar"] .ayp-projects {
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[lang="ar"] .ayp-track {
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  transform-origin:left center!important;
}
html[lang="ar"] .ayp-intro,
html[lang="ar"] .ayp-projects,
html[lang="ar"] .ayp-closing {
  flex:0 0 auto!important;
}
html[lang="ar"] .ayp-projects {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
}
html[lang="ar"] .ayp-project {
  flex-shrink:0!important;
  width:78vw!important;
  min-width:1050px!important;
}
@media(max-width:950px){
  html[lang="ar"] .ayp-track,
  html[lang="ar"] .ayp-projects {display:block!important;width:100%!important;transform:none!important}
  html[lang="ar"] .ayp-project {width:100%!important;min-width:0!important;flex:none!important}
}

/* Project gallery: stable full-frame slides, local thumbnail scrolling and touch-safe swiping. */
html[lang="ar"] .pd-gallery {
  direction:ltr!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
}
html[lang="ar"] .pd-gallery-track {
  display:flex!important;
  flex-direction:row!important;
  width:100%!important;
  height:100%!important;
  direction:ltr!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}
html[lang="ar"] .pd-slide {
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  height:100%!important;
  direction:ltr!important;
}
html[lang="ar"] .pd-slide img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html[lang="ar"] .pd-thumbs {
  direction:ltr!important;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
}
html[lang="ar"] .pd-mode-panel[data-mode-panel="gallery"] {
  min-width:0!important;
  overflow:visible!important;
}


/* Supporting/footer copy follows the larger typography on the enlarged page groups only. */

html[lang="ar"] .ab-projects__text > div,
html[lang="ar"] .ab-projects__text h2,
html[lang="ar"] .ab-projects__text p {
  direction:rtl!important;
  text-align:right!important;
}

/* R36.8 project-route scroll ownership. Arabic's global overflow-x:hidden
   would turn body into a second vertical scroll container and disable the
   native sticky pin used by the Projects listing. clip prevents horizontal
   bleed without creating another scrolling context. */
html[lang="ar"]:has(body.ayamen-native-project-scroll) {
  overflow-x:clip!important;
  overflow-y:auto!important;
}
html[lang="ar"] body.ayamen-native-project-scroll {
  overflow-x:clip!important;
  overflow-y:visible!important;
}