/* ============================================================
   rtl.css — Arabic / RTL layer for Luxury Homes Egypt
   Auto-loaded by WordPress when Site Language is RTL (العربية).
   Adds Arabic luxury typography + right-to-left flips.
   ============================================================ */

/* ---- Arabic luxury typography ---- */
:root{
  --sans:'Cairo','Inter',system-ui,-apple-system,sans-serif;
  --lux:'Cairo','EB Garamond',Georgia,serif;
  --serif:'Cairo','EB Garamond',Georgia,serif;
  --serif-card:'Cairo','EB Garamond',Georgia,serif;
  --display:'Cairo','EB Garamond',serif;
}
html{direction:rtl}
body{text-align:right;font-family:var(--sans)}
h1,h2,h3,h4,h5,h6,.hero-title,.sec-head h2,.card-title,.pc-body h3,.insight-row .ir-body h3{font-family:var(--lux);font-weight:700}

/* Arabic letter-spacing should be 0 (tracking hurts Arabic shaping) */
*{letter-spacing:0 !important}

/* ---- generic direction flips ---- */
.eyebrow,.sec-tag,.h-eye,.crumbline,.crumbar-in,.menu,nav.menu ul,.navtools,.nav-tools,
.card-specs,.specs,.foot-bottom,.hero-ui .wrap,.dh,.sec-head.row,.contact-cta,.prop-actions,
.share-row,.tb-contact,.topbar-inner,.foot-social,.news-form,.srch-form,.hero-search{flex-direction:row-reverse}

/* keep some rows in natural order (icon then text) */
.cc-wa,.cc-phone,.btn-primary,.req,.hc-btn,.tb-call,.tb-wa,.tb-loc,.card-cta,.link,.go,.ir-go,.pf-link,.dr-arrow{flex-direction:row}

/* push nav tools to the (visual) left */
.navtools,.nav-tools{margin-left:0;margin-right:auto}

/* text alignment */
.sec-head,.sec-head p,.split .txt,.addr-panel,.prop-body,.post-body,.ta-body,.why-cell,
.foot-about,.foot-nap,.intro,.statement{text-align:right}
.archive-head,.archive-compact .archive-head,.single-meta,.hero-content,.cta-inner,
.sig .sh,.intro,.statement,.news{text-align:center}

/* lists: indent from the right */
.post-body ul,.post-body ol,.guide-content ul,.guide-content ol,.ta-body ul,.ta-body ol{padding-left:0;padding-right:22px}
.post-body ul li{padding-left:0;padding-right:24px}
.post-body ul li::before{left:auto;right:2px}
.post-body h2{padding-left:0;padding-right:16px}
.post-body h2::before{left:auto;right:0}
.post-body blockquote{border-left:0;border-right:3px solid var(--gold);border-radius:12px 0 0 12px}

/* eyebrow / sec-tag underline lines */
.eyebrow::before,.h-eye::before{margin-left:0}

/* ---- positioned UI: mirror left/right ---- */
.badge,.card-img .badge,.pslide-badges,.week-badge,.split .img .tag,.split .img .badge{left:auto;right:12px}
.card-tools,.tools{left:12px;right:auto}
.card-loc{left:auto;right:13px}
.card-shots{left:12px;right:auto}
.split .img .no{left:26px;right:auto}
.skip-link{left:auto;right:0;border-radius:0 0 0 10px}
.lhe-fab{right:auto;left:18px}
.lhe-totop{right:auto;left:24px}
.fav-count{right:auto;left:-10px}

/* slider arrows: swap prev/next sides */
.s-prev,.ps-prev,.hero-arrow.ha-prev,.dr-prev,.lhe-lb .lb-prev,.prev{left:auto;right:26px}
.s-next,.ps-next,.hero-arrow.ha-next,.dr-next,.lhe-lb .lb-next,.next{right:auto;left:26px}
.ps-dots,.s-dots,.hero-dots{right:auto;left:26px}

/* drawer slides from the left in RTL */
.lhe-drawer-panel{right:auto;left:0;box-shadow:30px 0 60px -30px rgba(0,0,0,.5)}
@keyframes drawerIn{from{transform:translateX(-30px);opacity:.6}to{transform:none;opacity:1}}

/* compare bar arrow icons / spacing fine; just mirror inner */
.compare-bar{flex-direction:row-reverse}

/* breadcrumb separators point the other way */
.crumbs li+li::before{transform:rotate(225deg)}
.crumbline i,.crumbar-in i{transform:scaleX(-1)}

/* card foot ref pushed correctly */
.card-foot{flex-direction:row-reverse}
.card-foot .card-ref{margin-right:0;margin-left:auto}

/* spec dividers: border side */
.adv-field+.adv-field,.search-field+.search-field{border-left:0;border-right:1px solid var(--line-soft)}
.hero-search .hs-field{border-right:0;border-left:1px solid #eef2f9}
.hero-search .hs-field:first-child{border-left:1px solid #eef2f9}
.hero-search .hs-btn{margin-left:0;margin-right:12px}

/* footer dots before links */
.foot-grid a::before{left:auto;right:-12px}
.foot-grid a:hover{padding-left:0;padding-right:12px}

/* spotlight / split text padding symmetric already; nudge */
.split .txt .link,.split .txt .cta{align-self:flex-end}

/* numbers, prices & latin tokens stay LTR for correct rendering */
.lhe-price,.price,.card-price,.card-ref,.hm-price,.sl-price b,.pr,.count,
.tb-call,.cc-phone,.hc-phone,time,.pf-item b,.spec-row .sp b{direction:ltr;unicode-bidi:embed}
/* but keep them visually on the right where they were left-aligned */
.card-price,.pr{justify-content:flex-start}

/* hero/section eyebrow lines & arrows render fine; ensure smooth */
.hslide-inner,.slide .in{text-align:right}