/* ==========================================================================
   AKARONA.NET — assets/css/rtl.css
   Loaded ONLY when the active language is Arabic (dir="rtl").
   The base stylesheet is written with logical properties, so this file only
   carries the handful of physical-direction fixes that remain.
   ========================================================================== */

html[dir="rtl"] body { font-family: var(--font-ar); }

/* Select chevrons sit on the opposite side in RTL. */
html[dir="rtl"] select {
  background-position: left .7rem center;
  padding-inline-end: .9rem;
  padding-inline-start: 2.2rem;
}

/* Latin-script content (reference numbers, phone, e-mail) stays LTR. */
html[dir="rtl"] .property-card__ref,
html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] .currency-switch__code,
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] { text-align: right; }

/* Numbers inside Arabic text read better with the Latin digits kept LTR. */
html[dir="rtl"] .price-amount,
html[dir="rtl"] .stat-card__value,
html[dir="rtl"] .hero__stat strong,
html[dir="rtl"] .spec-item__value { direction: ltr; unicode-bidi: isolate; }

/* The gallery arrows must not be mirrored — prev is always on the start side. */
html[dir="rtl"] .gallery__nav svg { transform: scaleX(-1); }

/* Breadcrumb separators. */
html[dir="rtl"] .breadcrumb__sep { transform: scaleX(-1); }

/* The "more" arrow points the other way in Arabic. */
html[dir="rtl"] .link-more { display: inline-block; }

/* Table headers keep their alignment. */
html[dir="rtl"] table.data th,
html[dir="rtl"] table.data td { text-align: right; }

/* Admin sidebar text alignment. */
html[dir="rtl"] .admin-side__nav a { text-align: right; }

/* Keep the mobile nav panel anchored correctly. */
html[dir="rtl"] .nav-user__menu { inset-inline-end: auto; inset-inline-start: 0; }
