/*!
 * RealEstate Pro - RTL Stylesheet
 * Loads only when current language = Arabic.
 * Most layout uses logical properties (inset-inline-start/end) so this
 * file only handles edge cases where logical props aren't enough.
 */

/* Reverse FlexBox orderings where needed */
html[dir="rtl"], 
html[dir="rtl"] body {
	font-family: 'Cairo', system-ui, -apple-system, sans-serif;
	overflow-x: hidden;
}

/* Breadcrumb separator flipped in main.css already */

/* Search form — slight alignment tweaks */
html[dir="rtl"] .rep-search__bar-field select {
	background-position: left 1rem center;
	padding-left: 2.5rem;
	padding-right: 1.25rem;
}
html[dir="rtl"] .rep-search__bar {
	flex-direction: row;
}
html[dir="rtl"] .rep-search__tabs {
	flex-direction: row;
}
@media (max-width: 768px) {
	html[dir="rtl"] .rep-search__bar {
		flex-direction: column;
	}
	html[dir="rtl"] .rep-search__bar-field select {
		padding-left: 2.5rem;
		padding-right: 1.25rem;
	}
}

/* Details table — Arabic reading order */
html[dir="rtl"] .rep-details__table th,
html[dir="rtl"] .rep-details__table td { text-align: right; }

/* Pagination arrows swap automatically via unicode — no override needed */

/* Footer social icons spacing */
html[dir="rtl"] .rep-footer__social { justify-content: flex-start; }

/* Dev slider arrows — flip positions */
html[dir="rtl"] .rep-dev-slider__prev { inset-inline-start: 0; }
html[dir="rtl"] .rep-dev-slider__next { inset-inline-end: 0; }

/* Phone / number inputs should remain LTR for readability */
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] [dir="ltr"] { direction: ltr; text-align: left; }

/* Card title line-clamp reads right-to-left — already fine */

/* Info box value with currency: keep number LTR */
html[dir="rtl"] .rep-info-box__value,
html[dir="rtl"] .rep-card__badge { unicode-bidi: plaintext; }

/* Mobile menu slide direction swapped automatically with inset-inline-end in main.css */

/* Popup close button position already logical */

/* Map embed direction */
html[dir="rtl"] .rep-single__map-embed iframe { direction: ltr; }