/* =========================================================
   Communities listing — Arabic (RTL) page-specific overrides
   (ar/communities.html). style.css already carries the base
   communities styles + a generic .rtl block for the filters and
   the map modal; this file only adds what the live Arabic page
   (/communities/) does differently. Values come from the inline
   Elementor CSS of the live page.
   ========================================================= */

/* ---------- Intro (elementor-element-040ffef, margin 50px 0) ---------- */
.rtl .comm-intro { padding-top: 50px; }
.rtl .comm-intro .section-label { font-family: var(--font-body); font-size: 15px; color: #000; text-transform: none; }
/* h1 d0bc9fa: 29LTZaridDisplayVF 30px bold / 45px, #2C2C2C, width 89.471% */
.rtl .comm-intro__title {
	max-width: 89.471%; margin-top: -10px;
	font-family: var(--font-head); font-size: 30px; font-weight: 700; line-height: 45px; color: #2C2C2C;
}
.rtl .comm-intro__title .brown { color: #85553A !important; }
/* text 901ca07: 29LTAzer-Light 17px, width 70%, margin-top 20px */
.rtl .comm-intro__text { max-width: 70%; font-family: var(--font-body); font-size: 17px; color: #2C2C2C; }

/* ---------- Filters (containers c301a22 + 8505976 + 4c6bd56) ---------- */
.rtl .filters-right { margin-left: 0; margin-right: auto; }
.rtl .jet-filter-items-dropdown__label { font-family: var(--font-body); font-size: 15px; border-radius: 0; padding: 7px 10px; padding-left: 28px; }
.rtl .jet-filter-items-dropdown__label::after { right: unset; left: 5px; }
.rtl .status-dropdown { width: 220px; }
.rtl .status-dropdown .jet-filter-items-dropdown__label { padding: 12px 15px 11px; }
.rtl .jet-radio-list__label { font-family: var(--font-body); }
/* "إزالة" reset button (50f0189): 13px / 600 / lh 45px, #2C2C2C, reset icon on the left, no underline */
.rtl .jet-remove-all-filters__button {
	display: inline-flex; align-items: center; gap: 6px; flex-direction: row-reverse;
	font-family: var(--font-body); font-size: 13px; font-weight: 600; line-height: 45px; color: #2C2C2C;
	text-decoration: none; padding: 0;
}
.rtl .jet-remove-all-filters__button i { font-size: 15px; }
.rtl .jet-remove-all-filters__button:hover { color: #85553A; }
/* "انظر للخريطه" (53bc285): 29LTAzer-Light 500 15px, bg #FFFFFF59, border #2C2C2C59, icon after the text */
.rtl .btn-map { font-family: var(--font-body); font-weight: 500; font-size: 15px; background: rgba(255, 255, 255, .35); border-color: rgba(44, 44, 44, .35); }
.rtl .btn-map svg { transform: scaleX(-1); }

/* ---------- Cards (listing template elementor-30880) ---------- */
/* title 0c67114: 29LTZaridDisplayVF 19px / 700 / 45px, white; meta 5251735f + 91c2577: 29LTAzer-Light 15px */
.rtl .prop-card__title { font-family: var(--font-head); font-size: 19px; font-weight: 700; line-height: 45px; }
.rtl .prop-card__meta, .rtl .card-units { font-family: var(--font-body); font-size: 15px; }
.rtl .card-badge { font-family: var(--font-body); right: auto; left: 20px; }
.rtl .prop-card__link { text-align: right; }

/* "عرض المزيد" (b260e7b): brown, 29LTZaridDisplayVF bold, padding 14px 35px */
.rtl #loadmore { font-family: var(--font-head); font-weight: 700; padding: 14px 35px; }
.rtl .no-results { font-family: var(--font-body); }

/* ---------- News carousel reused from the home page (d8800a0: bg #F8F8F8, padding 100px 0 50px) ---------- */
.rtl .communities-page .news-section { padding: 100px 0 50px; }
.rtl .communities-page .news-section .section-label { font-size: 15px; color: #2C2C2C; }
.rtl .communities-page .news-title { font-size: 27px; font-weight: 700; line-height: 45px; }

/* ---------- Map modal (Arabic labels are wider) ---------- */
.rtl .map-layer-btn, .rtl .map-modal__listbtn { font-family: var(--font-body); }
.rtl .map-card__title { font-family: var(--font-head); }

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
	.rtl .communities-page .news-section { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 1024px) {
	.rtl .comm-intro__title, .rtl .comm-intro__text { max-width: 100%; }
	.rtl .filters-right { margin-right: 0; width: 100%; justify-content: flex-start; }
}
@media (max-width: 767px) {
	.rtl .comm-intro__title { font-size: 20px; line-height: 32px; }
	.rtl .comm-intro__text { font-size: 13px; }
	.rtl .status-dropdown { width: 100%; }
	.rtl .communities-page .news-section { padding: 30px 20px; }
	.rtl .communities-page .news-title { font-size: 20px; line-height: 32px; }
}