/* ===== متغيرات الألوان ===== */
:root {
	--rep-gold: #b3925a;
	--rep-dark-green: #1e3a34;
	--rep-gray: #e8e8e8;
	--rep-text: #2b2b2b;
}

.rep-projects-grid,
.rep-units-map,
.rep-project-gallery,
.rep-project-card {
	direction: rtl;
	font-family: inherit;
	box-sizing: border-box;
}
.rep-projects-grid *, .rep-units-map *, .rep-project-gallery *, .rep-project-card * { box-sizing: border-box; }

/* ===== شبكة المشاريع ===== */
.rep-projects-grid {
	display: grid;
	grid-template-columns: repeat(var(--rep-cols, 4), 1fr);
	gap: 24px;
}
@media (max-width: 991px) { .rep-projects-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .rep-projects-grid { grid-template-columns: 1fr; } }

/* ===== كارت مشروع ===== */
.rep-project-card {
	position: relative;
	text-align: center;
}
.rep-card-label {
	display: block;
	color: var(--rep-gold);
	font-size: 13px;
	margin-bottom: 2px;
}
.rep-card-title {
	color: var(--rep-gold);
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 2px;
}
.rep-card-district {
	display: block;
	color: var(--rep-gold);
	font-size: 14px;
	margin-bottom: 8px;
}
.rep-status-tag {
	position: absolute;
	top: 66px;
	right: 0;
	background: #c0392b;
	color: #fff;
	font-size: 12px;
	padding: 3px 12px;
	border-radius: 4px;
	z-index: 2;
}
.rep-status-started { background: #c0392b; }
.rep-status-soon { background: #7d7d7d; }
.rep-status-done { background: var(--rep-dark-green); }

.rep-card-img-wrap {
	display: block;
	border: 1px solid #eee;
	border-radius: 18px;
	overflow: hidden;
	aspect-ratio: 1/1;
}
.rep-card-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.rep-card-img-wrap:hover img { transform: scale(1.05); }

.rep-card-stats {
	display: flex;
	justify-content: space-around;
	border: 1px solid #eee;
	border-radius: 30px;
	margin-top: 14px;
	padding: 10px 6px;
}
.rep-card-stats div { display: flex; flex-direction: column; align-items: center; font-size: 13px; }
.rep-card-stats strong { font-size: 16px; color: var(--rep-dark-green); }
.rep-card-stats span { color: #999; }

/* ===== خريطة توفر الوحدات ===== */
.rep-legend { display: flex; gap: 18px; justify-content: flex-start; margin-bottom: 18px; font-size: 14px; }
.rep-legend-item { display: flex; align-items: center; gap: 6px; }
.rep-dot { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }

.rep-units-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	max-width: 700px;
}
@media (max-width: 600px) { .rep-units-grid { grid-template-columns: repeat(3, 1fr); } }

.rep-unit-cell {
	border: none;
	padding: 14px 6px;
	border-radius: 22px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	display: block;
	text-align: center;
}

.rep-status-available { background: var(--rep-gray); color: #444; }
.rep-status-reserved { background: var(--rep-gold); color: #fff; }
.rep-status-sold { background: var(--rep-dark-green); color: #fff; }

.rep-badge { padding: 3px 10px; border-radius: 4px; color: #fff; font-size: 12px; }
.rep-badge-available { background: #999; }
.rep-badge-reserved { background: var(--rep-gold); }
.rep-badge-sold { background: var(--rep-dark-green); }

/* ===== معرض صور / مخططات المشروع ===== */
.rep-project-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 767px) { .rep-project-gallery { grid-template-columns: 1fr; } }
.rep-gallery-slide { border-radius: 14px; overflow: hidden; aspect-ratio: 16/10; }
.rep-gallery-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

.rep-empty { padding: 20px; text-align: center; color: #999; background: #fafafa; border-radius: 10px; }