/* =========================================================
   rtl.css – overrides applied only when <html dir="rtl">.
   Most layout flips automatically through logical properties.
   ========================================================= */
[dir="rtl"] body{font-family:'Inter','Segoe UI',Tahoma,system-ui,sans-serif;text-align:start}
[dir="rtl"] .eyebrow,[dir="rtl"] h4{letter-spacing:.04em}
[dir="rtl"] .logo-text small{letter-spacing:.3em}

/* directional icons */
[dir="rtl"] .arr{transform:scaleX(-1)}
[dir="rtl"] .btn:hover .arr,[dir="rtl"] .link-arrow:hover .arr{transform:scaleX(-1) translateX(4px)}

/* underline animations grow from the right */
[dir="rtl"] .nav-link::after,[dir="rtl"] .link-arrow::after,[dir="rtl"] .life-tabs button::after,[dir="rtl"] .steps::before{transform-origin:right}

/* nav alignment */
[dir="rtl"] .primary-nav{margin-inline-start:auto}
[dir="rtl"] .dd-menu{inset-inline-start:0}

/* hero overlay mirrors so text stays legible on the right */
[dir="rtl"] .hero-overlay{background:linear-gradient(270deg,rgba(18,16,12,.82) 0%,rgba(18,16,12,.5) 48%,rgba(18,16,12,.15) 100%),linear-gradient(0deg,rgba(18,16,12,.65),transparent 45%)}
[dir="rtl"] .search-go{border-radius:var(--radius) 0 0 var(--radius)}
[dir="rtl"] .scroll-cue span{left:auto;right:50%;margin-left:0;margin-right:-1.5px}

/* masks reveal from the right edge */
[dir="rtl"]{--mask-from:inset(0 0 0 100%)}

/* hover nudges invert */
[dir="rtl"] .proj-item:hover{transform:translateX(-6px)}
[dir="rtl"] .dd-menu a:hover,[dir="rtl"] .dd-menu a:focus-visible{padding-inline-start:20px}

/* map pins: keep geography as drawn, so pin x-positions are mirrored with the SVG */
[dir="rtl"] .map svg{transform:scaleX(-1)}
[dir="rtl"] .map .pin{margin:-22px -22px 0 0}
[dir="rtl"] .m-label{display:none}

/* pseudo list markers + rails */
[dir="rtl"] .steps::before{inset-inline:16.6%}
[dir="rtl"] .donut{transform:rotate(-90deg)}

/* mobile menu text-align and nested dropdown accent */
@media (max-width:1100px){
  [dir="rtl"] .nav-link{text-align:right}
  [dir="rtl"] .dd-menu{margin-inline-start:0;margin-inline-end:6px}
  [dir="rtl"] .nav-link::after{inset-inline-start:4px;inset-inline-end:auto}
}

/* form controls */
[dir="rtl"] select{background-position:left 6px center}
[dir="rtl"] input[type="email"]{text-align:right}
/* ---------- 404 + Coming Soon ---------- */
[dir="rtl"] .err-code{letter-spacing:0}
[dir="rtl"] .quick-label,[dir="rtl"] .cd-label{letter-spacing:.04em}
[dir="rtl"] .err-search input,[dir="rtl"] .notify input{text-align:right}
[dir="rtl"] .err-path code{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .err-page::before{background:radial-gradient(60% 55% at 22% 40%,rgba(184,151,90,.16),transparent 70%),radial-gradient(40% 40% at 92% 92%,rgba(184,151,90,.1),transparent 70%)}
/* ---------- Authentication pages ---------- */
[dir="rtl"] .auth-card .af-input{text-align:right}
[dir="rtl"] .af-divider{letter-spacing:.04em}
/* "back" arrow points toward the start edge in both directions */
[dir="rtl"] .auth-back .arr{transform:none}
[dir="rtl"] .auth-back:hover .arr{transform:translateX(4px)}
/* ---------- Explore page ---------- */
[dir="rtl"] .ex-meta,[dir="rtl"] .ex-kind,[dir="rtl"] .ex-bar span,[dir="rtl"] .ex-chips span{letter-spacing:.04em}
[dir="rtl"] .ex-p-vert{transform:none}
[dir="rtl"] .ex-meter i,[dir="rtl"] .ex-bar i,[dir="rtl"] .ex-phases::before{transform-origin:right}
[dir="rtl"] .ex-pref:hover{transform:translateX(-4px)}
[dir="rtl"] .ex-pref i::after{transform:rotate(-45deg) scale(0)}
[dir="rtl"] .ex-pref[aria-pressed="true"] i::after{transform:rotate(-45deg) scale(1)}
[dir="rtl"] .ex-kp-btn[aria-expanded="true"] .arr{transform:rotate(90deg)}
[dir="rtl"] .ex-wide::after{background:linear-gradient(270deg,rgba(14,12,9,.8),transparent 70%)}
[dir="rtl"] .ex-sbar input,[dir="rtl"] .ex-suggest li{text-align:right}
@media (max-width:720px){[dir="rtl"] .ex-wide::after{background:linear-gradient(0deg,rgba(14,12,9,.85),transparent 70%)}}/* ---------- Buy page ---------- */
[dir="rtl"] .by-lb-n{transform:scaleX(-1)}
[dir="rtl"] .by-emi .by-ov{background:linear-gradient(270deg,rgba(14,12,9,.9),rgba(14,12,9,.7))}
[dir="rtl"] .by-collage .c-a{inset:0 0 30% 22%}[dir="rtl"] .by-collage .c-b{inset:auto 40% 0 0}[dir="rtl"] .by-collage .c-c{inset:auto 0 4% auto}
[dir="rtl"] .by-in[type="number"],[dir="rtl"] .by-in[type="tel"],[dir="rtl"] .by-in[type="email"],[dir="rtl"] .by-in[type="date"]{text-align:right}
[dir="rtl"] .by-vtxt ol{padding-inline-start:20px}
@media (max-width:1100px){[dir="rtl"] .by-search .field:first-child{grid-column:1/-1}}/* ---------- Rent page ---------- */
[dir="rtl"] .rn-end .by-ov{background:linear-gradient(270deg,rgba(14,12,9,.92),rgba(14,12,9,.7))}
@media (max-width:1100px){[dir="rtl"] .rn-search .field:first-child{grid-column:1/-1}}/* ---------- Sell page ---------- */
[dir="rtl"] .sl-val .by-ov{background:linear-gradient(270deg,rgba(14,12,9,.9),rgba(14,12,9,.7))}
[dir="rtl"] .sl-drop,[dir="rtl"] .sl-nodes button{text-align:start}

/* ---------- Projects page ---------- */
[dir="rtl"] .pj-bar i{transform-origin:right}
[dir="rtl"] .pj-ba .pj-before{clip-path:inset(0 0 0 calc(100% - var(--x)))}
[dir="rtl"] .pj-cat-row[aria-selected="true"] h3{transform:translateX(-10px)}
[dir="rtl"] .pj-pct small{letter-spacing:.04em}
[dir="rtl"] .pj-form .by-in[type="tel"],[dir="rtl"] .pj-form .by-in[type="email"]{text-align:right}
[dir="rtl"] .pj-plan svg{direction:ltr}

/* ---------- Home 2 page ---------- */
[dir="rtl"] .h2-search-go{border-radius:var(--radius) 0 0 var(--radius)}
[dir="rtl"] .h2-dots button::after{transform-origin:right}
[dir="rtl"] .h2-round svg{transform:scaleX(-1)}
[dir="rtl"] #h2StPlay svg{transform:none}
[dir="rtl"] .h2-switches button[aria-checked="true"]::after{transform:translateX(-18px)}
[dir="rtl"] .h2-type,[dir="rtl"] .h2-calc-out dt{letter-spacing:.04em}
[dir="rtl"] .h2-calc .by-in,[dir="rtl"] .h2-form-card .by-in[type="tel"],[dir="rtl"] .h2-form-card .by-in[type="email"],[dir="rtl"] .h2-form-card .by-in[type="date"]{text-align:right}
[dir="rtl"] .h2-art-main figcaption,[dir="rtl"] .h2-smart-state{text-align:start}
[dir="rtl"] .h2-plan svg{direction:ltr}
@media (max-width:1100px){[dir="rtl"] .h2-search>.field:first-child{grid-column:1/-1}}
/* ---------- Admin dashboard ---------- */
[dir="rtl"] .ad-chart svg,[dir="rtl"] .ad-dn{direction:ltr}
[dir="rtl"] .ad-sw[aria-checked="true"] i{transform:translateX(-20px)}
[dir="rtl"] .ad-t th,[dir="rtl"] .ad-t th button{letter-spacing:.04em}
[dir="rtl"] .ad-f label,[dir="rtl"] .ad-chip span,[dir="rtl"] .ad-kpi p,[dir="rtl"] .ad-dl dt{letter-spacing:.04em}
[dir="rtl"] .ad-in[type="email"],[dir="rtl"] .ad-in[type="tel"],[dir="rtl"] .ad-in[type="password"],[dir="rtl"] .ad-search input{text-align:right}
[dir="rtl"] .ad-t td a[href^="tel"]{direction:ltr;unicode-bidi:isolate}
@media (max-width:1100px){
  [dir="rtl"] .ad-side{transform:translateX(104%)}
  [dir="rtl"] .ad-open .ad-side{transform:none}
}
@media (max-width:720px){[dir="rtl"] .ad-t td{text-align:start}}/* ---------- User dashboard ---------- */
[dir="rtl"] .ud-bars,[dir="rtl"] .ud-str{direction:ltr}
[dir="rtl"] .ud-pt th,[dir="rtl"] .ud-dt small{letter-spacing:.04em}
[dir="rtl"] a[href^="tel"],[dir="rtl"] .ud-ltr{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ud-back svg{transform:scaleX(-1)}
[dir="rtl"] .ud-cf .ad-in{text-align:right}

/* Preserve the rounded bottom edge when search controls stack on smaller screens. */
@media (max-width:1100px){
  [dir="rtl"] .search-go,[dir="rtl"] .h2-search-go{border-radius:0 0 var(--radius) var(--radius)}
}