@charset "UTF-8";
/* ==========================================================================
   بيوت العقارية — rtl.css
   The layout is written with CSS logical properties, so RTL needs almost
   nothing. What remains: typographic tuning for Arabic, and the handful of
   places where a physical direction is genuinely meant.
   ========================================================================== */

[dir="rtl"] {
  /* Arabic sets larger at the same nominal size and wants more leading */
  --step-0: clamp(0.98rem, 0.95rem + 0.16vw, 1.08rem);
}

[dir="rtl"] body { line-height: 1.85; letter-spacing: 0; }

/* The Latin serif has no Arabic; Tajawal carries the Arabic in the same run.
   Drop the negative tracking that only suits the serif. */
[dir="rtl"] :is(h1, h2, h3, h4, h5, h6) { letter-spacing: 0; font-weight: 700; }

/* Latin runs inside Arabic copy (developer names, "SUD", "ARX") keep LTR */
[dir="rtl"] .ltr,
[dir="rtl"] .num,
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="email"],
[dir="rtl"] [type="url"] { direction: ltr; text-align: start; unicode-bidi: isolate; }

/* Prices read left-to-right but sit on the right edge of their box */
[dir="rtl"] .card__price b,
[dir="rtl"] .side-card__head .price,
[dir="rtl"] .calc__out-head .figure { direction: ltr; text-align: right; unicode-bidi: isolate; }

/* Phone numbers must never be re-ordered by the bidi algorithm */
[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: embed; display: inline-block; }

/* Mirror directional glyphs (arrows, play triangles, send) */
[dir="rtl"] .icon-flip { transform: scaleX(-1); }

/* The drawer needs NOTHING here.
   main.css pins it with inset-inline-end, which already resolves to the left
   edge under RTL, and flips its closed transform to match. Re-pinning it to
   inset-inline-start here moved it to the opposite edge while the transform
   kept sliding it the original way — so the panel came to rest in the middle
   of the screen, permanently visible, with no scrim behind it. */

/* Back-to-top sits opposite the chat launcher in both directions */
[dir="rtl"] .to-top { inset-inline-start: auto; inset-inline-end: 24px; }
[dir="rtl"] .byt-chat { inset-inline-end: auto; inset-inline-start: 24px; }
[dir="rtl"] .toast-stack { inset-inline-end: auto; inset-inline-start: 24px; }
@media (max-width: 520px) { [dir="rtl"] .byt-chat { inset-inline-start: 16px; } }

/* The timeline rule and its nodes flip together */
[dir="rtl"] .timeline { padding-inline-start: 28px; }

/* Blockquote opening mark */
[dir="rtl"] .prose blockquote { font-style: normal; }

/* Elementor writes physical properties; nudge the common ones back */
[dir="rtl"] .elementor-widget-text-editor,
[dir="rtl"] .elementor-widget-heading { text-align: inherit; }