/* Arabic-only directional overrides. Shared visual styling remains in styles-bootstrap.css. */

 /* @font-face {
  font-family: "GE Thameen";
  src: url("/assets/fonts/ar/GE Thameen Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GE Thameen";
  src: url("/assets/fonts/ar/GE Thameen DemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}  */

/* Arabic body copy and controls; headings are handled separately below. */
html[dir="rtl"] body,
html[dir="rtl"] p,
/* html[dir="rtl"] span:not(:where(.bi, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span)), */
html[dir="rtl"] li,
html[dir="rtl"] nav,
html[dir="rtl"] nav a,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .header-link,
html[dir="rtl"] button,
html[dir="rtl"] .btn,
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] footer,
html[dir="rtl"] footer p,
html[dir="rtl"] footer a,
html[dir="rtl"] [class*="description"],
html[dir="rtl"] .body-copy,
html[dir="rtl"] .accordion-body,
html[dir="rtl"] .faq-question{
  font-family: "GE Thameen", sans-serif;
  font-weight: 400;
}

/* Arabic headings and elements that serve as titles in the current templates. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .display-heading,
html[dir="rtl"] .title-on-light,
html[dir="rtl"] .stats-section-title,
html[dir="rtl"] .masterplan-overview-title,
html[dir="rtl"] .central-park-title,
html[dir="rtl"] .section-title,
html[dir="rtl"] .masterplan-tab-title,
html[dir="rtl"] .enquiry-intro-title,
html[dir="rtl"] .faq-section-title,
html[dir="rtl"] .villa-hero-title,
html[dir="rtl"] .townhouse-hero-title,
html[dir="rtl"] .villa-typology-heading,
html[dir="rtl"] .villa-typology-title,
html[dir="rtl"] .callback-title,
html[dir="rtl"] .masterplan-highlight-title,
html[dir="rtl"] .residence-caption-title,
html[dir="rtl"] .accordion-header .accordion-button,
html[dir="rtl"] .accordion-header .accordion-button span,
html[dir="rtl"] .faq-details-item summary{
  font-family: "GE Thameen", sans-serif;
  font-weight: 600;
}

html[dir="rtl"] .page-progress {
  transform-origin: right;
}

/* Bootstrap's standard build resolves these utilities to physical LTR properties. */
html[dir="rtl"] .me-2 {
  margin-right: 0 !important;
  margin-left: .5rem !important;
}

html[dir="rtl"] .navbar-brand {
  margin-right: 0;
  margin-left: var(--bs-navbar-brand-margin-end);
}

html[dir="rtl"] .form-select {
  padding-right: .75rem;
  padding-left: 2.25rem;
  background-position: left .75rem center;
}

html[dir="rtl"] input[autocomplete="email"],
html[dir="rtl"] input[autocomplete="tel"],
html[dir="rtl"] .footer-contact-item[href^="tel:"] span,
html[dir="rtl"] .footer-contact-item[href^="mailto:"] span {
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
}

@media (min-width: 768px) {
  html[dir="rtl"] .text-md-end {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .ms-lg-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
  }

  html[dir="rtl"] .offset-lg-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
}

/* Align the existing logo artwork without mirroring it. */
html[dir="rtl"] .site-logo-header {
  object-position: right center;
}

html[dir="rtl"] .header-language-switcher {
  letter-spacing: normal;
}

/* Keep hero copy legible after its logical start edge moves to the right. */
html[dir="rtl"] .villa-hero-overlay {
  background:
    linear-gradient(270deg, rgba(20, 25, 14, .42) 0%, rgba(20, 25, 14, .12) 42%, rgba(20, 25, 14, .08) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .06) 42%, rgba(0, 0, 0, .3) 100%);
}

html[dir="rtl"] .townhouse-hero-overlay {
  background:
    linear-gradient(270deg, rgba(20, 25, 14, .4) 0%, rgba(20, 25, 14, .1) 44%, rgba(20, 25, 14, .06) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .04) 42%, rgba(0, 0, 0, .28) 100%);
}

/* Reverse movement for non-fading Bootstrap carousels in RTL. */
html[dir="rtl"] .carousel.slide:not(.carousel-fade) .carousel-item-next:not(.carousel-item-start),
html[dir="rtl"] .carousel.slide:not(.carousel-fade) .active.carousel-item-end {
  transform: translateX(-100%);
}

html[dir="rtl"] .carousel.slide:not(.carousel-fade) .carousel-item-prev:not(.carousel-item-end),
html[dir="rtl"] .carousel.slide:not(.carousel-fade) .active.carousel-item-start {
  transform: translateX(100%);
}

/* Only directional glyphs are mirrored; media and non-directional icons are untouched. */
html[dir="rtl"] .bi-chevron-left,
html[dir="rtl"] .bi-chevron-right {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .residence-slider-arrow svg,
html[dir="rtl"] .residence-explore-arrow {
  transform: scaleX(-1);
}

/* Tracking designed for Latin capitals reduces Arabic legibility. */
html[dir="rtl"] [class*="eyebrow"],
html[dir="rtl"] .nav-link,
html[dir="rtl"] .text-link,
html[dir="rtl"] .project-summary small,
html[dir="rtl"] .masterplan-overview,
html[dir="rtl"] .masterplan-highlight-title,
html[dir="rtl"] .filter-buttons button,
html[dir="rtl"] .faq-number,
html[dir="rtl"] .faq-toggle-link {
  letter-spacing: normal;
}

html[dir="rtl"] .project-label,.family-section .eyebrow,.masterplan-overview-subtitle,.central-park-eyebrow,.stat b,.central-park-highlight,.enquiry-submit,.masterplan-highlight-title,.navbar-expand-lg .navbar-nav .nav-link,.btn-dark-custom,.location-overview-heading .eyebrow,.location-overview-subtitle,.location-overview-cta,.residence-caption-title,.accordion-header .accordion-button span,.faq-details-item summary{
  font-size:initial;
}

html[dir="rtl"] .residence-block span{
  font-size:large;
}
html[dir="rtl"] .footer-contact-item span{
  font-family:arial;}

html[dir="rtl"] .villa-eyebrow,.villa-typology-label,.villa-typology-disclaimers p,.villa-register-button,.villa-back-link,.townhouse-eyebrow{
  font-size:initial;
}
html[dir="rtl"] .villa-typology-price-copy{
  font-family:arial;
}