/* =========================================================
   Single property — Arabic (RTL) page-specific overrides
   (ar/property.html — نساج الأحساء). style.css carries the
   base property template (built for en/property.html with the
   English kit fonts); this file switches typography to the Arabic
   kit (29LTZaridDisplayVF headings / 29LTAzer-Light text), mirrors
   the layout and adds the two sections the Arabic page has that the
   English one lacks (virtual-tour heading + Matterport frames).
   Values come from the inline Elementor CSS of the live page.
   ========================================================= */

/* ---------- shared label with the short line (icon-list widgets 859398b / 350bfef / a1774d1 / c5072c5) ---------- */
.rtl .prop-label { font-family: var(--font-body); font-size: 17px; text-transform: none; }
.rtl .prop-label .line { width: 14px; }

/* ---------- Hero (4be02ff) ---------- */
.rtl .prop-hero__city { font-family: var(--font-body); font-size: 16px; text-transform: none; }
/* h2 54afaa9: 29LTZaridDisplayVF 55px / 600 / 65px, white */
.rtl .prop-hero__title { font-family: var(--font-head); font-size: 55px; font-weight: 600; line-height: 65px; letter-spacing: 0; }

/* story bar: section 66937c3 is absolute bottom:0 / left:0; the dark column d3bf968 (65% wide, bg #2C2C2C, padding 20px 0) is the
   second column, so in RTL it sits on the LEFT edge */
.rtl .prop-story { right: auto; left: 0; width: 65.045%; background: #2C2C2C; padding: 20px 0; }
/* heading b4eadf5: 29LTZaridDisplayVF 25px / 600 / 45px, white, 30% wide, padding 25px, text-align end */
.rtl .prop-story__title { font-family: var(--font-head); font-size: 25px; font-weight: 600; line-height: 45px; flex-basis: 30%; padding: 25px; text-align: start; }
/* text a20a2a7: 29LTAzer-Light 17px white, 40% wide, padding 0 20px 0 0 */
.rtl .prop-story__text { font-family: var(--font-body); font-size: 17px; line-height: 1.5; flex-basis: 40%; padding: 0 0 0 20px; }
/* video box 50252e8: 30% wide, min-height 200px, bg image, 50px play icon */
.rtl .prop-story__video { flex-basis: 30%; }
/* the picture / video fills the bar's full height, over its 20px padding (as in English) */
.rtl .prop-story__video { align-self: stretch; margin-block: -20px; }
.rtl .prop-story__play { padding-left: 0; padding-right: 0; }

/* ---------- About the community (6a50746: bg #2C2C2C, padding 100px 0) ---------- */
/* h2 c829434: 29LTZaridDisplayVF 30px / 600 / 45px white */
.rtl .prop-about__title { font-family: var(--font-head); font-size: 30px; font-weight: 600; line-height: 45px; color: #fff; margin: 0 0 15px; }
/* text 168a7c9: 29LTAzer-Light 17px white */
.rtl .prop-about__intro p { font-family: var(--font-body); font-size: 17px; line-height: 1.6; margin: 0 0 15px 50px; }
/* counters 4596fc4: title right-aligned, number forced LTR */
.rtl .prop-counters { gap: 30px 0; }
.rtl .prop-counters .elementor-counter { width: 33.33%; }
.rtl .prop-counters .elementor-counter-title { font-family: var(--font-body); font-size: 17px; line-height: 20px; color: #7A7A7A; text-align: right !important; }
.rtl .prop-counters .elementor-counter-number-wrapper { font-family: var(--font-body); font-size: clamp(26px, 9.5cqi, 40px); font-weight: 500; line-height: 45px; color: #fff; direction: ltr; justify-content: flex-end; }
.rtl .prop-counters .elementor-counter-number, .rtl .prop-counters .counter-static { direction: ltr !important; unicode-bidi: normal; font-family: var(--font-body); }
/* buttons cf7c6c5: 29LTAzer-Light 500, gap 10px, margin-top 40px */
.rtl .prop-actions .btn { font-family: var(--font-body); font-weight: 500; font-size: 15px; padding: 14px 22px; }

/* ---------- Gallery carousel (28894df: padding 20px 0) ---------- */
.rtl .prop-gallery { padding: 20px 0 60px; }

/* ---------- Property types (883dd37: padding 0 10px 50px) ---------- */
/* h2 119c904: 29LTZaridDisplayVF 30px / 600 / 45px, #000 */
.rtl .prop-types__title { font-family: var(--font-head); font-size: 30px; font-weight: 600; line-height: 45px; color: #000; }
/* .project_type a: Lucky Beauty new 500 14px, 1px #7A7A7A border, #2C2C2C text, 12px 20px padding, active/hover #2c2c2c bg */
.rtl .type-tab { font-family: "Lucky Beauty new", var(--font-body); font-weight: 500; font-size: 14px; border-color: #7A7A7A; padding: 12px 20px; }
.rtl .type-tab:hover, .rtl .type-tab.is-active { background: #2c2c2c; color: #fff; }
/* .type_data .value: 29LTAzer-Light 17px / 600, #000; .name: 29LTAzer-Light (rtl override) 14px / 600, #707070 */
.rtl .type-specs .value { font-family: var(--font-body); font-size: 17px; font-weight: 600; line-height: 18px; color: #000; padding-right: 0; padding-left: 15px; }
.rtl .type-specs .name { font-family: var(--font-body); font-size: 14px; font-weight: 600; line-height: 17px; color: #707070; text-transform: none; }
.rtl .type-gallery { direction: rtl; }

/* ---------- Virtual tour (ec2ab8a heading + 884e999 Matterport frames) ---------- */
.rtl .prop-tour { padding: 20px 0 60px; }
/* h2 e54582e: 29LTZaridDisplayVF 30px / 600 / 45px, #000, container justify space-evenly */
.rtl .prop-tour__title { font-family: var(--font-head); font-size: 30px; font-weight: 600; line-height: 45px; color: #000; text-align: center; margin: 0 0 30px; }
.rtl .prop-tour__frames { display: flex; justify-content: center; gap: 0; width: 100%; }
.rtl .prop-tour__frames iframe { flex: 1 1 50%; width: 50%; height: 20vw; min-height: 200px; border: 0; display: block; }

/* ---------- Partners (198cb86: bg #F9F7F3, padding 100px 0) ---------- */
.rtl .prop-partners { background: #F9F7F3; padding: 100px 10px; }
/* h2 1221e01: 29LTZaridDisplayVF 30px / 600 / 45px, #000 */
.rtl .prop-partners__title { font-family: var(--font-head); font-size: 30px; font-weight: 600; line-height: 45px; color: #000; }
/* container 8a6bb28: padding-top 20px, 5 logos left-to-right in reading order */
.rtl .prop-partners__logos { padding-top: 20px; gap: 40px; }
.rtl .prop-partners__logos img { max-height: 95px; }

/* ---------- Register your interest (template 28213, section 6c4c985, min-height 650) ---------- */
.rtl .prop-register { padding: 100px 0; }
/* column 6a90b82: 48% wide, bg #2C2C2C, padding 30px — second column, so on the LEFT in RTL */
.rtl .prop-register .container { justify-content: flex-end; }
.rtl .prop-register__card { max-width: 48%; padding: 30px; background: #2C2C2C; }
/* h2 0dfe6ae: 29LTZaridDisplayVF 30px / 700 / 45px white */
.rtl .prop-register__title { font-family: var(--font-head); font-size: 30px; font-weight: 700; line-height: 45px; }
/* text 7dc3c03: 29LTAzer-Light 15px white, tel links brown */
.rtl .prop-register__text { font-family: var(--font-body); font-size: 15px; line-height: 1.6; }
.rtl .prop-register__text a { color: #85553A; display: inline-block; }
/* form 060f4bd: fields 14px, transparent with 1px bottom border #FFFFFF6E, submit brown, button aligned to start (right) */
.rtl .prop-form input { font-family: var(--font-body); font-size: 14px; border-bottom-color: rgba(255, 255, 255, .43); padding: 12px 10px; }
.rtl .prop-form input::placeholder { font-family: var(--font-body); }
.rtl .prop-form__phone .iti__selected-dial-code { font-family: var(--font-body); }
.rtl .prop-form__phone input[type="tel"] { direction: ltr; text-align: right; }
.rtl .prop-form__phone input[type="tel"]::placeholder { direction: rtl; text-align: right; }
.rtl .prop-form__error, .rtl .prop-form__msg { font-family: var(--font-body); }
.rtl .prop-form__actions { justify-content: flex-start; }
.rtl .prop-form__actions .btn { font-family: var(--font-body); font-weight: 500; font-size: 16px; }
.rtl .prop-register__note { font-family: var(--font-body); font-size: 14px; margin-top: 60px; }
.rtl .prop-register__note a { color: #85553A; }

/* ---------- Lightboxes: keep the arrows readable in RTL ---------- */
.rtl .img-modal__prev { left: 20px; right: auto; }
.rtl .img-modal__next { right: 20px; left: auto; }
.rtl .video-modal__close, .rtl .img-modal__close { right: auto; left: 20px; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.rtl .prop-story { width: 75%; }
	.rtl .prop-story__title { font-size: 20px; line-height: 30px; }
	.rtl .prop-story__text { font-size: 13px; }
	.rtl .prop-hero__title { font-size: 41px; line-height: 55px; }
	.rtl .prop-register__card { max-width: 60%; }
}
@media (max-width: 767px) {
	.rtl .prop-hero__title { font-size: 40px; line-height: 55px; }
	/* mobile alternative b4f7dca: the story bar becomes a normal block under the hero */
	.rtl .prop-story { position: relative; width: 100%; padding: 0; }
	.rtl .prop-story__title { flex-basis: 100%; padding: 20px 20px 0; text-align: start; font-size: 20px; }
	.rtl .prop-story__text { flex-basis: 100%; padding: 10px 20px 20px; }
	.rtl .prop-story__video { flex-basis: 100%; margin-block: 0; }
	.rtl .prop-about { padding: 50px 20px; }
	.rtl .prop-about__title { font-size: 25px; line-height: 1.5em; }
	.rtl .prop-about__intro p { margin-left: 0; font-size: 13px; }
	.rtl .prop-counters .elementor-counter { width: 50%; }
	.rtl .prop-counters .elementor-counter-title { font-size: 13px; }
	.rtl .prop-tour__title, .rtl .prop-types__title { font-size: 25px; line-height: 40px; }
	.rtl .prop-tour__frames { flex-direction: column; }
	.rtl .prop-tour__frames iframe { width: 100%; height: 200px !important; }
	.rtl .prop-partners { padding: 40px 20px; }
	.rtl .prop-partners__title { font-size: 20px; line-height: 30px; }
	.rtl .prop-register { padding: 60px 20px; }
	.rtl .prop-register__card { max-width: none; padding: 20px; }
	.rtl .prop-register__title { font-size: 20px; line-height: 32px; }
	.rtl .prop-register__text { font-size: 13px; }
	.rtl .prop-form input { font-size: 13px; }
	.rtl .prop-register__note { margin-top: 40px; }
}