/**
 * إعلانات مباعة / مُكراة — صورة شاحبة + container المحتوى باهت
 * بدون تأثير على: .hero / .col-md-4 / .similar-products
 */

/* —— بطاقات القائمة (rent-monthly / browse / home) —— */
.item.listing-unavailable .image {
	position: relative;
	overflow: hidden;
}

/* شحوب الصورة فقط — بدون تغيير تدفق/ارتفاع الحاوية */
.item.listing-unavailable .image .slideshow-container,
.item.listing-unavailable .image > a.image-wrapper,
.item.listing-unavailable .image > a.background-image {
	opacity: 0.7;
}

/* تمويه خفيف لصور البيع / الكراء */
.item.listing-unavailable .image .slideshow-slide,
.item.listing-unavailable .image .slideshow-image,
.item.listing-unavailable .image > a.image-wrapper img {
	filter: blur(0.8px);
}

/* غشاء فوق منطقة الصورة فقط (ارتفاع السلايدشو 37rem) */
.item.listing-unavailable .image::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 37rem;
	pointer-events: none;
	z-index: 4;
	border-radius: var(--ab-radius-md, 15px);
	/* مباع: غشاء بني خافت */
	background: rgba(92, 64, 40, 0.28);
}

/*
 * مُكراة / مباعة: نمط متموج فوق الصورة — نفس الإعدادات
 */
.item.listing-unavailable:has(.listing-status-badge--rented) .image::after,
.item.listing-unavailable:has(.listing-status-badge--sold) .image::after {
	background-color: transparent;
	background-image: url("/assets/img/listing-rented-wave.png");
	background-repeat: repeat;
	background-position: center top;
	background-size: 100% auto;
	opacity: 0.05; /* 5/100 */
}

/* فوق الغشاء — تبقى absolute كما في الستايل الأساسي (لا relative!) */
.item.listing-unavailable .image .tag.category,
.item.listing-unavailable .image .slideshow-btn,
.item.listing-unavailable .image .ical-admin-dot,
.item.listing-unavailable .image .ical-today-free,
.item.listing-unavailable .image .price {
	z-index: 6;
}

/*
 * شارة حالة داخل الصورة — وسط الصورة أفقياً وعمودياً
 */
.item .image .listing-status-badge {
	position: absolute !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	min-width: 13rem;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	margin: 0 !important;
	padding: 0.9rem 1.7rem !important;
	overflow: visible !important;
	z-index: 40;
	pointer-events: none;
	border: 0 !important;
	border-radius: 999px;
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.2px;
	line-height: 1.15;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
	text-transform: none !important;
	background-color: #f79a38 !important;
	background-image: none !important;
	box-shadow:
		0 8px 22px rgba(247, 154, 56, 0.45),
		0 0 0 3px rgba(255, 255, 255, 0.7) !important;
	white-space: nowrap;
}

.item .image .listing-status-badge--sold,
.item .image .listing-status-badge--rented {
	background-color: #f79a38 !important;
	background-image: none !important;
	box-shadow:
		0 8px 22px rgba(247, 154, 56, 0.45),
		0 0 0 3px rgba(255, 255, 255, 0.7) !important;
}

@media (max-width: 767px) {
	.item .image .listing-status-badge {
		top: 50% !important;
		bottom: auto !important;
		min-width: 11rem;
		padding: 0.75rem 1.35rem !important;
		font-size: 1.3rem !important;
	}
}

/* —— صفحة الإعلان: شحوب كامل لـ .container داخل المحتوى —— */
body.listing-status-unavailable .content > .block > .container {
	position: relative;
	isolation: isolate;
}

body.listing-status-unavailable .content > .block > .container::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(110, 80, 50, 0.16);
	pointer-events: none;
	z-index: 2;
	border-radius: 8px;
}

/* استثناء العمود الجانبي فقط — فوق الغشاء وبدون شحوب */
body.listing-status-unavailable .content > .block > .container .col-md-4 {
	position: relative;
	z-index: 5;
	filter: none !important;
	opacity: 1 !important;
	background-color: #fff;
	border-radius: 8px;
}

/* صندوق رسالة البيع/الكراء — فوق محتوى الصفحة، واضح بدون شحوب */
body.listing-status-unavailable .listing-status-notice,
body.listing-status-unavailable .listing-status-notice .container {
	position: relative;
	z-index: 6;
	filter: none !important;
	opacity: 1 !important;
}

body.listing-status-unavailable .listing-status-notice .box,
body.listing-status-unavailable .listing-status-notice__box {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
	background-color: #FFD740 !important;
}

/* الهيرو والإعلانات المشابهة خارج هذا الـ container — تبقى واضحة */
body.listing-status-unavailable .hero,
body.listing-status-unavailable .similar-products,
body.listing-status-unavailable .similar-products .item,
body.listing-status-unavailable .similar-products .image,
body.listing-status-unavailable .similar-products .owl-carousel,
body.listing-status-unavailable .similar-products .slideshow-container {
	filter: none !important;
	opacity: 1 !important;
}

body.listing-status-unavailable .similar-products .image::after {
	display: none;
}