/* /fa redesign (STAGING) — RTL mirror of the English site chrome. Loaded after the EN CSS. 2026-10-17 */
/* Vazirmatn v33.003 (rastikerdar/vazirmatn release), self-hosted. Persian/Arabic glyphs come from Vazirmatn;
   Latin text (addresses, MLS®, brand names) falls through to Inter, the English site's font. */
@font-face{font-family:"Vazirmatn";src:url("/fa/assets/fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+2066-2069,U+FB50-FDFF,U+FE70-FEFF,U+066A-066D,U+060C,U+061B,U+061F}
@font-face{font-family:"Vazirmatn";src:url("/fa/assets/fonts/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+2066-2069,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";src:url("/fa/assets/fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+2066-2069,U+FB50-FDFF,U+FE70-FEFF}
/* Latin fallback from the same files, used only if Inter is unavailable */
@font-face{font-family:"VazirmatnLatin";src:url("/fa/assets/fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"VazirmatnLatin";src:url("/fa/assets/fonts/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"VazirmatnLatin";src:url("/fa/assets/fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:600 800;font-display:swap}

:root{--fa-font:"Vazirmatn","Inter","VazirmatnLatin",Tahoma,"Segoe UI",system-ui,sans-serif;--irf-gold:#c9a227;--irf-gold-soft:#e8d5a3}

/* Typography: one font stack everywhere (overrides the EN chrome's Inter !important rules) */
html[dir=rtl] body,
html[dir=rtl] .navbar,html[dir=rtl] .navbar .nav-links a,html[dir=rtl] .navbar .contact-btn,
html[dir=rtl] .header-social-bar,html[dir=rtl] .header-social-bar .melk-social-label,
html[dir=rtl] .nav-drawer,html[dir=rtl] .nav-drawer a,
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,
html[dir=rtl] .section-title,html[dir=rtl] .footer-section h3,html[dir=rtl] .melk-social-label,
html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea,html[dir=rtl] .font-display{font-family:var(--fa-font)!important}
html[dir=rtl] body{font-size:16px;line-height:1.8;text-align:right}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{line-height:1.5;letter-spacing:0!important}
/* Persian script must never be letter-spaced or upper-cased: it breaks letter joining */
html[dir=rtl] .navbar .nav-links a,html[dir=rtl] .nav-drawer a,html[dir=rtl] .melk-social-label,
html[dir=rtl] .section-title,html[dir=rtl] .irf-badge,html[dir=rtl] .search-tab,html[dir=rtl] .btn-primary,html[dir=rtl] .btn-secondary{letter-spacing:0!important;text-transform:none!important}
.ltr{direction:ltr;unicode-bidi:isolate}
bdi.ltr,span.ltr{display:inline-block}
.ltr-block{direction:ltr;text-align:left;unicode-bidi:isolate}
.fa-num{font-feature-settings:"ss01" 0}

/* ---------- Navbar (mirror) ---------- */
html[dir=rtl] .navbar .nav-menu{margin-left:0!important;margin-inline-start:auto}
html[dir=rtl] .navbar .nav-toggle{margin-left:0;margin-inline-start:auto}
html[dir=rtl] .navbar .nav-links a{font-size:14.5px!important;font-weight:500!important;padding:0 9px!important}
html[dir=rtl] .navbar .nav-links a.on{box-shadow:inset 0 -2px 0 var(--irf-gold)}
html[dir=rtl] .nav-links a::after{left:auto;right:0}
html[dir=rtl] .navbar .contact-btn{direction:ltr}
@media (min-width:1024px) and (max-width:1280px){html[dir=rtl] .navbar .nav-links a{font-size:13.5px!important;padding:0 6px!important}}
/* Language + book-a-call pills: same look as the EN staging switcher (.fz-lang / .fz-bookcall) */
.fz-lang{display:inline-flex;align-items:center;gap:4px;font-family:"Inter","VazirmatnLatin",system-ui,sans-serif!important;font-weight:700;font-size:14px;line-height:1;padding:7px 12px;border-radius:999px;border:2px solid #c9a227;background:#0b2545;color:#fff!important;text-decoration:none!important;white-space:nowrap;letter-spacing:0!important;text-transform:none!important}
.fz-lang:hover,.fz-lang:focus{background:#c9a227;color:#0b2545!important}
.nav-container .fz-lang{margin:0 10px}
.fz-bookcall{display:inline-flex;align-items:center;font-weight:700;font-size:14px;line-height:1;padding:7px 12px;border-radius:999px;border:2px solid #c9a227;background:#c9a227;color:#0b2545!important;text-decoration:none!important;white-space:nowrap;margin:0 4px;font-family:var(--fa-font)!important;letter-spacing:0!important;text-transform:none!important}
.fz-bookcall:hover{background:#fff}
.nav-drawer .fz-lang,.nav-drawer .fz-bookcall{align-self:flex-start;margin:6px 0;font-size:16px;border-bottom:2px solid #c9a227!important;padding:8px 14px}
@media(max-width:420px){.nav-container .fz-bookcall{font-size:12px;padding:6px 8px}.nav-container .fz-lang{margin:0 6px;font-size:13px;padding:6px 10px}}
@media(max-width:359px){.nav-container .fz-bookcall{display:none}}

/* ---------- Social bar (mirror: EN sits at the end = left in RTL) ---------- */
html[dir=rtl] .header-social-bar .melk-social-label{font-size:12.5px!important;font-weight:500!important}

/* ---------- Mobile drawer: slides in from the left in RTL ---------- */
html[dir=rtl] .nav-drawer,html[dir=rtl] #nav-drawer{right:auto!important;left:0!important;box-shadow:8px 0 24px rgba(0,0,0,.15)}
html[dir=rtl] .nav-drawer:not(.open),html[dir=rtl] #nav-drawer:not(.open){transform:translateX(-100%)!important}
html[dir=rtl] .nav-drawer.open,html[dir=rtl] #nav-drawer.open{transform:translateX(0)!important}
html[dir=rtl] .nav-drawer a{font-size:16px;font-weight:500;text-align:right}
html[dir=rtl] .nav-drawer .drawer-meta{text-align:right;line-height:1.7}
html[dir=rtl] .nav-drawer .drawer-meta a{direction:ltr;display:inline-block}

/* ---------- Home sections ---------- */
html[dir=rtl] .hero h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:700;line-height:1.35}
html[dir=rtl] .hero-subtitle{line-height:1.8}
html[dir=rtl] .hero-content,html[dir=rtl] .hero-cta{text-align:right}
html[dir=rtl] .btn-primary i,html[dir=rtl] .btn-secondary i,html[dir=rtl] .search-btn i{margin:0}
html[dir=rtl] .property-card .irf-badge{left:auto;right:10px;font-size:12px}
html[dir=rtl] .property-card .irf-price,html[dir=rtl] .property-card .irf-address,html[dir=rtl] .property-card .irf-mls{direction:ltr;text-align:right;unicode-bidi:plaintext}
html[dir=rtl] .property-card .irf-address{unicode-bidi:isolate;text-align:right}
html[dir=rtl] .property-card .irf-brk{font-size:12.5px;color:#6b7280;margin-top:4px;line-height:1.6}
html[dir=rtl] .search-input{text-align:right;font-size:15px}
html[dir=rtl] select.search-input{background-position:left 12px center}
html[dir=rtl] .search-input[type=number],html[dir=rtl] .search-input#mls-number{direction:rtl}
html[dir=rtl] .search-input::placeholder{text-align:right}
html[dir=rtl] .search-tab{font-size:15px}
.fa-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 24px}
.fa-filters a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid #1a2332;color:#1a2332;text-decoration:none;font-weight:500;font-size:14.5px;background:#fff}
.fa-filters a.on,.fa-filters a:hover{background:#1a2332;color:#fff}
.fa-results-meta{text-align:center;color:#6b7280;margin:-6px 0 18px;font-size:14.5px}
.fa-results-meta a{color:#1a2332;font-weight:500}
html[dir=rtl] .service-card,html[dir=rtl] .about-content,html[dir=rtl] .contact-info{text-align:right}
html[dir=rtl] .service-link{display:inline-block}
html[dir=rtl] .contact-item{text-align:right}
html[dir=rtl] .contact-details p{direction:rtl}
.fa-ways{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.fa-ways a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15.5px;border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}
.fa-ways a.primary{background:#fff;color:#1a2332}
.fa-ways a.gold{background:#c9a227;border-color:#c9a227;color:#0b2545}
.fa-ways a:hover{filter:brightness(1.08)}
@media(max-width:480px){.fa-ways{grid-template-columns:1fr}}
.fa-ways-intro{color:#ccc;margin:0 0 18px;line-height:1.9}

/* ---------- Footer (same as EN; repeated here so the listing page has it too) ---------- */
.footer{background:#1a1a1a;color:#e5e7eb;padding:60px 0 max(30px,env(safe-area-inset-bottom));max-width:100%;overflow-x:hidden;box-sizing:border-box}
.footer .container{max-width:1400px;margin:0 auto;padding:0 20px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px;margin-bottom:40px}
.footer-section h3{font-size:1.3rem;margin:0 0 20px;color:#fff}
.footer-section p,.footer-section li{color:#d1d5db;line-height:1.8;margin:0 0 8px}
.footer-section ul{list-style:none;margin:0;padding:0}
.footer-section ul li{margin-bottom:10px}
.footer-section ul li a,.footer-section a{color:#d1d5db;text-decoration:none}
.footer-section ul li a:hover{color:#fff}
.footer-section i{color:#e8d5a3;margin-inline-end:6px}
.footer-bottom{border-top:1px solid #333;padding-top:30px;text-align:center;color:#9ca3af;font-size:14px}
.footer-bottom p{margin:0 0 10px}
.footer-bottom a{color:#d1d5db}
.footer .melk-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px}
.footer .melk-social-links{display:flex;gap:10px}
.footer .melk-social-link{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;border:1px solid rgba(212,175,55,.4);border-radius:4px;color:#e8d5a3;background:rgba(255,255,255,.04);text-decoration:none}
.footer .melk-social-link svg{width:16px!important;height:16px!important;fill:currentColor}
.fa-disc{max-width:960px;margin:14px auto 0;padding:0 1rem;font-size:.78rem;line-height:1.7;opacity:.9}
.fa-disc p{margin:0 0 8px}
.fa-disc .ltr-block{font-family:"Inter","VazirmatnLatin",system-ui,sans-serif}
.fa-disc .fa{text-align:right;direction:rtl;font-size:.82rem;line-height:1.9}
.stg{background:#c9a227;color:#111;text-align:center;font-size:13px;padding:4px;font-weight:500}

/* ---------- Listing detail (EN listing template, mirrored) ---------- */
body.pg-listing{padding-bottom:76px}
@media(min-width:760px){body.pg-listing{padding-bottom:0}}
body.pg-listing main{max-width:960px;margin:0 auto}
/* Gallery mirrored for RTL: first photo on the right, "next" arrow on the left, swipe right-to-left order */
body.pg-listing .gal{direction:rtl}
body.pg-listing .g-prev{left:auto;right:8px}body.pg-listing .g-next{right:auto;left:8px}
body.pg-listing .g-nav{width:44px;height:44px;line-height:1}
body.pg-listing .g-item img{cursor:zoom-in}
body.pg-listing .thumbs{direction:rtl;scrollbar-width:thin}
#lb{flex-direction:column}
#lb .lb-close{position:absolute;top:10px;left:10px;right:auto;font-size:32px;background:none;color:#fff;border:0;cursor:pointer;width:48px;height:48px}
#lb .lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:30px;cursor:pointer;line-height:1}
#lb .lb-prev{right:12px;left:auto}#lb .lb-next{left:12px;right:auto}
#lb .lb-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;background:rgba(0,0,0,.5);padding:3px 10px;border-radius:6px}
#lb[hidden]{display:none!important}
body.pg-listing .g-count{right:auto;left:10px;direction:rtl}
body.pg-listing .card{margin:12px}
body.pg-listing h1{font-size:23px;line-height:1.5;margin:0 0 6px}
body.pg-listing h2{font-size:19px;line-height:1.6}
body.pg-listing .price{direction:ltr;text-align:right}
body.pg-listing .addr{direction:ltr;text-align:right;unicode-bidi:isolate}
body.pg-listing table.facts th,body.pg-listing table.facts td{text-align:right}
body.pg-listing table.facts td.ltr{direction:ltr;text-align:right;unicode-bidi:plaintext}
body.pg-listing .remarks{direction:ltr;text-align:left;font-family:"Inter","VazirmatnLatin",system-ui,sans-serif;line-height:1.7}
body.pg-listing .note{font-size:13.5px;line-height:1.8}
body.pg-listing .attrib{font-size:16.5px;line-height:1.8}
body.pg-listing .chip{font-size:14px;padding:3px 12px}
body.pg-listing .cta-grid .btn{font-size:15.5px}
body.pg-listing .agent{text-align:right}
body.pg-listing .sticky{grid-template-columns:repeat(5,1fr)}
body.pg-listing .sticky a,body.pg-listing .sticky button{font-size:13.5px}
body.pg-listing footer.disc{line-height:1.8}
@media(min-width:760px){body.pg-listing .layout{grid-template-columns:1.5fr 1fr}body.pg-listing h1{font-size:27px}}

/* Guard against horizontal overflow at small widths */
html[dir=rtl],html[dir=rtl] body{overflow-x:hidden;max-width:100%}
html[dir=rtl] img{max-width:100%}
/* v2 2026-10-17: clear "English site" link (navbar / drawer / footer) */
html[dir=rtl] .navbar .nav-links a.fz-en-site{color:var(--irf-gold,#c9a227)!important;border-inline-start:1px solid rgba(255,255,255,.25);margin-inline-start:4px;padding-inline-start:12px!important;white-space:nowrap}
html[dir=rtl] .fz-en-site span[lang=en]{font-family:Inter,system-ui,sans-serif;font-size:.85em;opacity:.85}
html[dir=rtl] .nav-drawer a.fz-en-site{color:var(--irf-gold,#c9a227);border-top:1px solid rgba(255,255,255,.15);margin-top:6px}
html[dir=rtl] .footer a.fz-en-site{color:var(--irf-gold,#c9a227)}
html[dir=rtl] .fz-en-site span[lang=en]{display:inline-block;margin:0 .4em 0 0} /* LTR span sits left of the Persian text: gap on its physical right */
/* loc 2026-10-17: lease price "<$amount> در ماه" in RTL order */
html[dir=rtl] .property-card .irf-price.fa-lease-price,html[dir=rtl] .fa-lease-price{direction:rtl;unicode-bidi:isolate;text-align:right}
html[dir=rtl] .fa-lease-price bdi{font-family:Inter,system-ui,sans-serif}