/* Arabic / right-to-left overrides — loaded only on /ar/ pages */
:root{--serif:"Fraunces","Amiri",ui-serif,Georgia,serif;--sans:"IBM Plex Sans Arabic","Manrope",ui-sans-serif,system-ui,sans-serif}
html[dir=rtl] body{font-family:var(--sans)}
/* Arabic script must not be letter-spaced, upper-cased or faux-italicised */
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] .eyebrow,html[dir=rtl] .main-nav a,html[dir=rtl] .card-loc,html[dir=rtl] .tag,html[dir=rtl] .fld>span,html[dir=rtl] .intro-stats span,
html[dir=rtl] .hs-hint,html[dir=rtl] .ctile-info i,html[dir=rtl] .comm-stats span,html[dir=rtl] .keyfacts span,html[dir=rtl] .foot-grid h3,
html[dir=rtl] .foot-meta,html[dir=rtl] .cursor-label,html[dir=rtl] .hero-scroll{text-transform:none}
html[dir=rtl] em,html[dir=rtl] i{font-style:normal}
html[dir=rtl] .display,html[dir=rtl] .hero-title,html[dir=rtl] .detail-title{font-weight:400;line-height:1.25}
html[dir=rtl] .hero-title{font-size:clamp(44px,7.4vw,112px)}
html[dir=rtl] .main-nav a{font-size:14px;font-weight:600}
html[dir=rtl] .fld>span,html[dir=rtl] .tag,html[dir=rtl] .card-loc{font-size:12px}
html[dir=rtl] .intro-text{line-height:1.45}

/* mirror directional arrows */
html[dir=rtl] .btn svg:last-child,html[dir=rtl] .link-arrow svg,html[dir=rtl] .op-row svg,html[dir=rtl] .comm-all svg{transform:scaleX(-1)}
html[dir=rtl] .btn:hover svg:last-child{transform:scaleX(-1) translateX(3px)}
html[dir=rtl] .link-arrow:hover svg,html[dir=rtl] .op-row:hover svg{transform:scaleX(-1) translateX(4px)}
html[dir=rtl] .op-row:hover{padding-left:0;padding-right:12px}
html[dir=rtl] .lb-nav{transform:scaleX(-1)}

/* positioned elements */
html[dir=rtl] .tag{left:auto;right:14px}
html[dir=rtl] .fav{right:auto;left:12px}
html[dir=rtl] .fav-inline{left:auto}
html[dir=rtl] .g-more{right:auto;left:16px}
html[dir=rtl] .lb-close{right:auto;left:20px}
html[dir=rtl] .hero-scroll{right:auto;left:var(--pad)}
html[dir=rtl] .wa-float{right:auto;left:20px}
html[dir=rtl] .detail-price{text-align:left}
html[dir=rtl] .op-meta{text-align:left}
html[dir=rtl] .facts dd{text-align:left}
html[dir=rtl] .lagoon-card{margin-left:var(--pad);margin-right:auto}
html[dir=rtl] .expand-shade{background:linear-gradient(270deg,rgba(15,11,30,.78),rgba(15,11,30,.15) 70%)}
html[dir=rtl] .offplan-bg::after{background:linear-gradient(250deg,rgba(28,17,66,.96) 25%,rgba(28,17,66,.55))}
html[dir=rtl] .hero-shade{background:linear-gradient(180deg,rgba(15,11,30,.55) 0%,rgba(15,11,30,.1) 35%,rgba(15,11,30,.35) 60%,rgba(15,11,30,.92) 100%),radial-gradient(80% 60% at 80% 80%,rgba(44,27,102,.45),transparent 70%)}
html[dir=rtl] .fld select{background-position:left center;padding-right:0;padding-left:18px}
html[dir=rtl] .search-go{border-radius:10px 0 0 10px}
html[dir=rtl] .card-title a{background-position:100% 100%}
html[dir=rtl] .main-nav a::after{transform-origin:left}
html[dir=rtl] .main-nav a:hover::after,html[dir=rtl] .main-nav a[aria-current]::after{transform-origin:right}
html[dir=rtl] .menu-overlay{clip-path:circle(0% at 40px 40px)}
html[dir=rtl].menu-open .menu-overlay,html[dir=rtl] .menu-open .menu-overlay{clip-path:circle(150% at 40px 40px)}
html[dir=rtl] .eyebrow::before{order:0}

/* horizontal scrollers keep LTR mechanics (GSAP translateX, drag, marquee); content stays RTL */
html[dir=rtl] .hs-track,html[dir=rtl] .rail,html[dir=rtl] .ticker-track{direction:ltr}
html[dir=rtl] .hs-track>*,html[dir=rtl] .rail>*,html[dir=rtl] .ticker-track>*{direction:rtl}

/* numbers, prices, phone numbers and refs read LTR inside RTL text */
html[dir=rtl] .card-price,html[dir=rtl] .detail-price p,html[dir=rtl] .hdr-phone span,html[dir=rtl] .calc-out b,
html[dir=rtl] .foot-contact a,html[dir=rtl] .contact-list a,html[dir=rtl] .pin-price{unicode-bidi:plaintext}

@media (max-width:860px){
  html[dir=rtl] .op-meta{text-align:right}
  html[dir=rtl] .detail-price{text-align:right}
}
@media (max-width:600px){html[dir=rtl] .wa-float{left:16px}}

/* language switch (both languages) */
.lang{font:600 14px/1 "IBM Plex Sans Arabic","Manrope",sans-serif;padding:8px 4px;opacity:.85}
.lang:hover{opacity:1;color:var(--amber)}
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{right:8px}
html[dir=rtl] .split-line{padding:.12em 0 .22em;margin:-.12em 0 -.22em}
html[dir=rtl] .hero-title .ln{padding:.1em 0 .18em}
html[dir=rtl] .logo-type b,html[dir=rtl] .logo-type i,html[dir=rtl] .logo-type em{text-transform:none;font-family:"IBM Plex Sans Arabic",var(--sans)}
html[dir=rtl] .logo-type b{font-size:16px}html[dir=rtl] .logo-type i{font-size:12px;margin-top:4px}html[dir=rtl] .logo-type em{font-size:11px;margin-top:6px}