/* R176 — targeted homepage/careers refinements */

/* 1) Arabic homepage "مايميزنا" slider: keep the card copy centered and
   contained like the English composition, while preserving RTL shaping. */
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__content,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__title,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__text,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__title .content-animation,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__text .content-animation {
  text-align: center !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__title,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__text {
  width: 100% !important;
  min-width: 0 !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__title [data-content-animation-item],
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__text [data-content-animation-item] {
  width: 100% !important;
  min-width: 0 !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-services-mob-card__content-title,
html[lang="ar"] body.ayamen-landing-r3 #services .l-services-mob-card__content-text {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
  text-align: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 31rem) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__title .text-tiny {
  width: 100% !important;
  text-align: center !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-services-card__nav {
  align-self: center !important;
  justify-content: center !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-exquisite-mob-card__content {
  align-items: center !important;
  text-align: center !important;
}

html[lang="ar"] body.ayamen-landing-r3 #services .l-exquisite-mob-card__content-title,
html[lang="ar"] body.ayamen-landing-r3 #services .l-exquisite-mob-card__content-text,
html[lang="ar"] body.ayamen-landing-r3 #services .l-exquisite-mob-card__content-counter {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-inline: auto !important;
}

/* 2) Arabic-only circular homepage CTAs: make them read noticeably larger
   without changing the English buttons. */
html[lang="ar"] body.ayamen-landing-r3 .l-content__button .btn__text,
html[lang="ar"] body.ayamen-landing-r3 .l-spaces-button .btn__text,
html[lang="ar"] body.ayamen-landing-r3 .ayamen-contact-ring .btn__text {
  font-size: clamp(1.28rem, 1.55vw, 1.72rem) !important;
  line-height: 1.15 !important;
}

html[lang="ar"] body.ayamen-landing-r3 .l-content__button,
html[lang="ar"] body.ayamen-landing-r3 .l-spaces-button,
html[lang="ar"] body.ayamen-landing-r3 .ayamen-contact-ring {
  scale: 1.09;
  transform-origin: center center;
}

@media (max-width: 979px) {
  html[lang="ar"] body.ayamen-landing-r3 .l-content__button .btn__text,
  html[lang="ar"] body.ayamen-landing-r3 .l-spaces-button .btn__text,
  html[lang="ar"] body.ayamen-landing-r3 .ayamen-contact-ring .btn__text {
    font-size: clamp(1.12rem, 5vw, 1.38rem) !important;
  }
  html[lang="ar"] body.ayamen-landing-r3 .l-content__button,
  html[lang="ar"] body.ayamen-landing-r3 .l-spaces-button,
  html[lang="ar"] body.ayamen-landing-r3 .ayamen-contact-ring {
    scale: 1.055;
  }
}

/* 3) Careers hero: make the English crop use the same top-anchored framing
   as Arabic. */
body.career-page:not(.ayamen-arabic-page) .intro--business .intro__background,
body.career-page.ayamen-arabic-page .intro--business .intro__background {
  overflow: hidden !important;
  overflow: clip !important;
}
body.career-page:not(.ayamen-arabic-page) .intro--business .intro__background > picture.background--cover,
body.career-page:not(.ayamen-arabic-page) .intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image,
body.career-page.ayamen-arabic-page .intro--business .intro__background > picture.background--cover,
body.career-page.ayamen-arabic-page .intro--business .intro__background > picture.background--cover > img.ayamen-careers-hero-image {
  object-fit: cover !important;
  object-position: 50% 0% !important;
  transform: none !important;
}

/* 5) Careers static feature: keep the content card on the same physical side
   in EN as the already-correct AR version, so it does not cover the people. */
@media (min-width: 980px) {
  body.career-page:not(.ayamen-arabic-page) .ayamen-careers-static .l-gallery__content {
    direction: rtl !important;
  }
  body.career-page:not(.ayamen-arabic-page) .ayamen-careers-static .l-gallery__content > .col,
  body.career-page:not(.ayamen-arabic-page) .ayamen-careers-static .l-exquisite-content {
    direction: ltr !important;
  }
}

/* Arabic static-card text containment: keep all copy inside the blue card. */
html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-content,
html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-mob-card__content {
  min-width: 0 !important;
  overflow: hidden !important;
}
html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-content__title {
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(2.35rem, 3.7vw, 4.65rem) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  padding-inline: clamp(.9rem, 1.4vw, 1.5rem) !important;
  box-sizing: border-box !important;
}
html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-content__text {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  box-sizing: border-box !important;
  line-height: 1.65 !important;
}

@media (max-width: 979px) {
  html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-mob-card__content-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2rem, 9vw, 3.15rem) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }
  html[lang="ar"] body.career-page .ayamen-careers-static .l-exquisite-mob-card__content-text {
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.6 !important;
    white-space: normal !important;
  }
}