/* Liban Viager — RTL overrides, loaded only on /ar/ pages after css/style.css.
   CSS Grid and Flexbox with `flex-direction:row` already mirror automatically once the page sets
   dir="rtl" on <html> — most of the layout below needs no override at all. This file only fixes
   the handful of rules in style.css that use *physical* left/right/margin-left values, which do
   NOT flip automatically with direction. */

html[dir="rtl"] body { font-family: 'Manrope', 'Noto Sans Arabic', sans-serif; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4 { font-family: 'Manrope', 'Noto Sans Arabic', sans-serif; }

/* Absolute-positioned badges pinned with physical left/right — swap them */
html[dir="rtl"] .listing-photo .type-badge,
html[dir="rtl"] .listing-photo .viager-badge,
html[dir="rtl"] .new-tag { left: auto; right: 10px; }
html[dir="rtl"] .listing-photo .save,
html[dir="rtl"] .listing-photo .photo-count { right: auto; left: 10px; }

html[dir="rtl"] .gallery-main .gm-cap { left: auto; right: 18px; }
html[dir="rtl"] .gallery-main .gm-count { right: auto; left: 18px; }
html[dir="rtl"] .gallery-thumbs .gt:first-child { box-shadow: 0 0 0 2px var(--terracotta); }

html[dir="rtl"] .hero-property .cap { left: auto; right: 14px; }

/* Form hint text follows a label to its right in RTL, not its left */
html[dir="rtl"] .field .hint { margin-left: 0; margin-right: 6px; }

/* Password show/hide toggle sits on the trailing edge of the field — the left in RTL */
html[dir="rtl"] .pw-toggle { right: auto; left: 10px; }
html[dir="rtl"] .pw-field-wrap input { padding-right: 13px; padding-left: 60px; }

/* A couple of components set text-align:left explicitly (phone-mockup buttons) */
html[dir="rtl"] .role-opt { text-align: right; }

/* Page-tabs / chip-row horizontal scroll affordance and pagination read the same visually
   mirrored either way, but the sticky offset math (top) is unaffected by direction — nothing to
   change there. */

/* Toggle switch (ma-recherche.html alert bell) is drawn with a physical right-positioned knob —
   flip so "on" sits toward the RTL start (right) and slides toward the end (left) */
html[dir="rtl"] .toggle:after { right: auto; left: 3px; }
html[dir="rtl"] .toggle.off:after { left: 19px; }

/* Legal / prose lists use padding-left for the bullet gutter */
html[dir="rtl"] .legal-body ul { padding-left: 0; padding-right: 20px; }

/* Amenity checkmark + key-fact icons already flow correctly via logical/flex order; only the
   explicit margin below (used inline by main.js-rendered listing cards: "Bouquet <b style=
   'margin-left:3px'>") needs a mirror since inline styles otherwise win. */
html[dir="rtl"] .listing-specs b { margin-left: 0 !important; margin-right: 3px !important; }

/* Sidebar "value" cells and econ-table numeric columns stay visually right-aligned in LTR to line
   up like a ledger; in RTL the natural ledger edge is the left, so mirror the alignment. */
html[dir="rtl"] .econ-table .econ-row.econ-head span,
html[dir="rtl"] .econ-table .econ-row .value { text-align: left; }

/* Search bar / filter bar selects and inputs already inherit RTL text alignment from the browser
   default; nothing to override there. */