/*
Theme Name: Astra Child - Alwaseet
Theme URI: https://alwaseet-sy.com
Description: Child theme for Astra – Alwaseet.
Author: Alwaseet
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* ==================================================
   الوسيط – بطاقة إعلانات HivePress
================================================== */

.hp-listing--view-block {
	position: relative;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	height: auto !important;
	min-height: 0 !important;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e5eaf0;
	border-radius: 16px;
	box-shadow: 0 5px 18px rgba(2, 66, 130, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hp-listing--view-block:hover {
	transform: translateY(-2px);
	box-shadow: 0 9px 24px rgba(2, 66, 130, 0.14);
}

/* رأس البطاقة والصورة */
.hp-listing--view-block .hp-listing__header {
	grid-column: 1 / -1;
	width: 100%;
}

.hp-listing--view-block .hp-listing__image {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #f1f5f9;
}

.hp-listing--view-block .hp-listing__image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.hp-listing--view-block .hp-listing__image img,
.hp-listing--view-block .hp-listing__image video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* شارة للبيع أو للإيجار */
.hp-listing--view-block .alwaseet-card-status {
	position: absolute;
	top: 12px;
	right: auto;
	left: 12px;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 8px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.17);
}

.hp-listing--view-block .alwaseet-status--sale {
	background: #16a34a;
}

.hp-listing--view-block .alwaseet-status--rent {
	background: #1670d2;
}

.hp-listing--view-block .alwaseet-status--closed {
	background: #dc2626;
}

/* شارة الفئة: شقة، فيلا، سيدان... */
.hp-listing--view-block .hp-listing__categories {
	position: absolute;
	top: 12px;
	right: 12px;
	left: auto;
	z-index: 20;
	display: inline-flex;
	margin: 0 !important;
	padding: 6px 12px;
	border-radius: 8px;
	background: rgba(15, 42, 76, 0.92);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.17);
}

.hp-listing--view-block .hp-listing__categories a {
	color: #ffffff !important;
	text-decoration: none !important;
}

/* محتوى البطاقة */
.hp-listing--view-block .hp-listing__content {
	grid-column: 1;
	grid-row: 2;
	flex: none !important;
	min-width: 0;
	min-height: 0 !important;
	padding: 14px;
}

/* العنوان */
.hp-listing--view-block .hp-listing__title {
	margin: 0 0 11px !important;
	color: #0f2a4c;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
}

.hp-listing--view-block .hp-listing__title a {
	color: #0f2a4c !important;
	text-decoration: none !important;
}

/* إخفاء تاريخ الإضافة */
.hp-listing--view-block .hp-listing__created-date {
	display: none !important;
}

/* إخفاء نوع الإعلان المكرر أسفل الصورة */
.hp-listing--view-block .hp-listing__attribute--listing-type {
	display: none !important;
}

/* سطر معلومات الإعلان */
.hp-listing--view-block
.hp-listing__attributes--secondary {
	margin: 0 !important;
}

.hp-listing--view-block
.hp-listing__attributes--secondary
.hp-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 !important;
}

.hp-listing--view-block
.hp-listing__attributes--secondary
.hp-row > div {
	flex: 0 0 auto;
	width: auto !important;
	max-width: 100%;
	padding: 0 !important;
}

.hp-listing--view-block
.hp-listing__attributes--secondary
.hp-listing__attribute {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 !important;
	padding: 0;
	background: transparent;
	color: #334155;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
}

/* إخفاء أسماء الحقول والإبقاء على القيمة */
.hp-listing--view-block
.hp-listing__attributes--secondary
.hp-listing__attribute strong {
	display: none !important;
}

/* لون أيقونات التفاصيل */
.hp-listing--view-block
.hp-listing__attributes--secondary
.hp-listing__attribute i {
	color: #0f477e;
	font-size: 16px;
}

/* منطقة السعر بجانب المحتوى */
.hp-listing--view-block .hp-listing__footer {
	grid-column: 2;
	grid-row: 2;
	align-self: end;
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 14px;
	border: 0;
	background: transparent;
}

/* السعر الافتراضي: أخضر للبيع */
.hp-listing--view-block .hp-listing__attribute--price {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border: 1px solid #22c55e;
	border-radius: 9px;
	background: #ffffff;
	color: #16a34a !important;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

/* ==================================================
   الهاتف
================================================== */

@media screen and (max-width: 768px) {

	.hp-listing--view-block {
		border-radius: 14px;
	}

	.hp-listing--view-block:hover {
		transform: none;
	}

	.hp-listing--view-block .hp-listing__image,
	.hp-listing--view-block .hp-listing__image > a,
	.hp-listing--view-block .hp-listing__image .slick-list,
	.hp-listing--view-block .hp-listing__image .slick-track,
	.hp-listing--view-block .hp-listing__image .slick-slide {
		height: 185px !important;
		min-height: 185px !important;
		aspect-ratio: auto !important;
	}

	.hp-listing--view-block .hp-listing__image img,
	.hp-listing--view-block .hp-listing__image video {
		width: 100% !important;
		height: 185px !important;
		object-fit: cover !important;
	}

	.hp-listing--view-block .alwaseet-card-status,
	.hp-listing--view-block .hp-listing__categories {
		top: 10px;
		padding: 5px 10px;
		font-size: 13px;
	}

	.hp-listing--view-block .alwaseet-card-status {
		right: auto;
		left: 10px;
	}

	.hp-listing--view-block .hp-listing__categories {
		right: 10px;
		left: auto;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-row {
		gap: 6px 11px;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute {
		font-size: 14px;
	}

	.hp-listing--view-block .hp-listing__attribute--price {
		padding: 6px 9px;
		font-size: 15px;
	}
}
/* عرض موديل السيارة بدل كلمة سيارة */
.hp-listing--view-block .alwaseet-card-model {
	position: absolute;
	top: 12px;
	right: 12px;
	left: auto;
	z-index: 21;
	padding: 6px 12px;
	border-radius: 8px;
	background: rgba(15, 42, 76, 0.92);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	box-shadow: 0 3px 10px rgba(15, 23, 42, 0.17);
}

/* السعر فوق الصورة على الهاتف */
.hp-listing--view-block .alwaseet-card-price {
	display: none;
}

@media screen and (max-width: 768px) {
	.hp-listing--view-block .alwaseet-card-model {
		top: 10px;
		right: 10px;
		left: auto;
		padding: 5px 10px;
		font-size: 13px;
	}

	.hp-listing--view-block .alwaseet-card-price {
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 22;
		display: inline-flex;
		align-items: center;
		padding: 4px 7px;
		border: 1px solid currentColor;
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.95);
		font-size: 15px;
		font-weight: 700;
		line-height: 1.3;
		white-space: nowrap;
		direction: ltr;
		box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14);
	}

	.hp-listing--view-block .alwaseet-card-price--sale {
		color: #16a34a;
	}

	.hp-listing--view-block .alwaseet-card-price--rent {
		color: #1670d2;
	}
}

/* ==================================================
   أيقونات تفاصيل السيارات والعقارات
================================================== */

.hp-listing--view-block .hp-listing__attribute--city::before,
.hp-listing--view-block .hp-listing__attribute--car-make::before,
.hp-listing--view-block .hp-listing__attribute--manufacture-year::before,
.hp-listing--view-block .hp-listing__attribute--fuel-type::before,
.hp-listing--view-block .hp-listing__attribute--area::before,
.hp-listing--view-block .hp-listing__attribute--rooms::before,
.hp-listing--view-block .hp-listing__attribute--land-type::before {
	content: "";
	display: inline-block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background-color: #0f477e;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

/* المدينة */
.hp-listing--view-block
.hp-listing__attribute--city::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
}

/* ماركة السيارة */
.hp-listing--view-block
.hp-listing__attribute--car-make::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.92 6.01 17 2H7L5.08 6.01A3 3 0 0 0 3 8.8V19a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8.8a3 3 0 0 0-2.08-2.79ZM7.5 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM5 10l2-6h10l2 6H5Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.92 6.01 17 2H7L5.08 6.01A3 3 0 0 0 3 8.8V19a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8.8a3 3 0 0 0-2.08-2.79ZM7.5 15a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM5 10l2-6h10l2 6H5Z'/%3E%3C/svg%3E");
}

/* سنة الصنع */
.hp-listing--view-block
.hp-listing__attribute--manufacture-year::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 8H4v10h16V10Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 8H4v10h16V10Z'/%3E%3C/svg%3E");
}

/* نوع الوقود */
.hp-listing--view-block
.hp-listing__attribute--fuel-type::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.77 7.23 16.59 4.04l-1.06 1.06 1.81 1.81A2.5 2.5 0 0 0 18 11.79v5.71a1 1 0 0 1-2 0V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v16h12v-1.5a3 3 0 0 0 4-2.83v-7a2.5 2.5 0 0 0-.23-2.44ZM14 9H6V5h8v4Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.77 7.23 16.59 4.04l-1.06 1.06 1.81 1.81A2.5 2.5 0 0 0 18 11.79v5.71a1 1 0 0 1-2 0V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v16h12v-1.5a3 3 0 0 0 4-2.83v-7a2.5 2.5 0 0 0-.23-2.44ZM14 9H6V5h8v4Z'/%3E%3C/svg%3E");
}

/* المساحة */
.hp-listing--view-block
.hp-listing__attribute--area::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17v4h4L21.71 6.29a1 1 0 0 0 0-1.42l-2.58-2.58a1 1 0 0 0-1.42 0L3 17Zm3 2H5v-1l9-9 1 1-9 9Zm10.5-10.5-1-1 2-2 1 1-2 2Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17v4h4L21.71 6.29a1 1 0 0 0 0-1.42l-2.58-2.58a1 1 0 0 0-1.42 0L3 17Zm3 2H5v-1l9-9 1 1-9 9Zm10.5-10.5-1-1 2-2 1 1-2 2Z'/%3E%3C/svg%3E");
}

/* عدد الغرف */
.hp-listing--view-block
.hp-listing__attribute--rooms::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 10h-8V7a3 3 0 0 0-3-3H3v14h2v-3h14v3h2v-8ZM5 6h5a1 1 0 0 1 1 1v3H5V6Zm0 6h14v1H5v-1Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 10h-8V7a3 3 0 0 0-3-3H3v14h2v-3h14v3h2v-8ZM5 6h5a1 1 0 0 1 1 1v3H5V6Zm0 6h14v1H5v-1Z'/%3E%3C/svg%3E");
}

/* نوع الأرض */
.hp-listing--view-block
.hp-listing__attribute--land-type::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8C8 10 5.9 16.17 4 20c5-3 9-5 13-12Zm-2-5C9 3 4 8 4 14c0 1.1.2 2.1.5 3C8 10.5 13 8 20 7.5 19 4.5 17 3 15 3Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 8C8 10 5.9 16.17 4 20c5-3 9-5 13-12Zm-2-5C9 3 4 8 4 14c0 1.1.2 2.1.5 3C8 10.5 13 8 20 7.5 19 4.5 17 3 15 3Z'/%3E%3C/svg%3E");
}
/* ==================================================
   توزيع محتوى البطاقة على الهاتف
================================================== */
@media screen and (max-width: 768px) {

	.hp-listing--view-block .hp-listing__header {
		margin-bottom: 4px !important;
	}

	.hp-listing--view-block .hp-listing__content {
		grid-column: 1 / -1;
		padding: 14px 16px 4px !important;
	}

	.hp-listing--view-block .hp-listing__title {
		display: -webkit-box;
		min-height: 0;
		margin: 0 0 6px !important;
		overflow: hidden;
		font-size: 15px;
		line-height: 1.45 !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary {
		margin-top: 0 !important;
		min-height: 0;
		padding-left: 0;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-row {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		align-items: center !important;
		align-content: flex-start !important;
		gap: 7px 10px !important;
		margin: 0 !important;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-row > div {
		display: contents !important;
		width: auto !important;
		min-width: 0;
		max-width: 100% !important;
		padding: 0 !important;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute {
		gap: 4px;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow: visible;
		font-size: 15px !important;
		line-height: 1.4 !important;
		text-overflow: clip;
		white-space: nowrap;
	}

	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute::before {
		flex-basis: 14px;
		width: 14px;
		height: 14px;
	}

	/* الوقود يبقى في صفحة التفاصيل ولا يظهر في البطاقة المختصرة */
	.hp-listing--view-block
	.hp-listing__attribute--fuel-type {
		display: none !important;
	}

	/* ترتيب مختصر وواضح لتفاصيل البطاقة */
	.hp-listing--view-block
	.hp-listing__attribute--city {
		grid-column: 1 / -1;
		order: 1;
	}

	.hp-listing--view-block
	.hp-listing__attribute--car-make,
	.hp-listing--view-block
	.hp-listing__attribute--land-type,
	.hp-listing--view-block
	.hp-listing__attribute--area {
		order: 2;
	}

	.hp-listing--view-block
	.hp-listing__attribute--manufacture-year,
	.hp-listing--view-block
	.hp-listing__attribute--rooms {
		order: 3;
	}

	.hp-listing--view-block .hp-listing__footer {
		display: none !important;
	}

	.hp-listing--view-block .hp-listing__attributes {
		margin-top: 0 !important;
	}
}

/* ==================================================
   صفحات تصنيفات العقارات والسيارات على الهاتف
================================================== */

@media screen and (max-width: 768px) {

	body.tax-hp_listing_category {
		overflow-x: hidden;
	}

	body.tax-hp_listing_category #primary,
	body.tax-hp_listing_category .hp-page,
	body.tax-hp_listing_category .hp-page__main {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	body.tax-hp_listing_category .hp-page > .hp-row {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.tax-hp_listing_category .hp-page__main {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.tax-hp_listing_category .hp-form--listing-sort {
		display: flex !important;
		flex: 0 0 auto;
		flex-wrap: nowrap !important;
		align-items: center;
		gap: 4px;
		width: auto !important;
		min-width: 0 !important;
		max-width: 48% !important;
		margin: 0 !important;
		font-size: 13px;
		white-space: nowrap;
	}

	body.tax-hp_listing_category
.hp-page__main
.alwaseet-results-toolbar {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin-bottom: 12px !important;
		font-size: 13px !important;
		white-space: nowrap;
	}

	body.tax-hp_listing_category
	.hp-form--listing-sort
	select {
		width: 105px !important;
		max-width: 105px !important;
		height: 38px;
		padding: 4px 8px !important;
		font-size: 13px !important;
	}

	body.tax-hp_listing_category
	.hp-listings > .hp-row {
		row-gap: 14px !important;
	}

	body.tax-hp_listing_category
	.hp-listings > .hp-row > .hp-grid__item {
		margin-bottom: 0 !important;
		padding-right: 5px !important;
		padding-bottom: 0 !important;
		padding-left: 5px !important;
	}
}
/* ==========================================
   صفحة الإعلان الداخلية على الهاتف
   المرحلة 1: الصورة والعنوان والفراغات
========================================== */
@media screen and (max-width: 768px) {

	body.single-hp_listing #content .ast-container {
		padding-right: 14px !important;
		padding-left: 14px !important;
	}

	body.single-hp_listing #primary {
		margin-top: 16px !important;
		margin-bottom: 20px !important;
		padding: 0 !important;
	}

	body.single-hp_listing .hp-listing--view-page {
		margin: 0 !important;
		padding: 0 !important;
	}

	body.single-hp_listing
	.hp-listing--view-page
	.hp-listing__images {
		aspect-ratio: 16 / 9 !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 12px !important;
		background: transparent !important;
	}

	body.single-hp_listing
	.hp-listing--view-page
	.hp-listing__images img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		object-fit: cover !important;
	}

	body.single-hp_listing
	.hp-listing--view-page
	.hp-listing__title {
		margin: 0 0 16px !important;
		padding: 0 !important;
		color: #0f2a4c !important;
		font-size: 20px !important;
		font-weight: 600 !important;
		line-height: 1.45 !important;
		text-align: right !important;
	}
}
/* ==========================================
   السعر وأزرار التواصل داخل الإعلان
========================================== */
@media screen and (max-width: 768px) {

	/* مرجع تثبيت السعر فوق الصورة */
	body.single-hp_listing
	.hp-listing--view-page {
		position: relative !important;
	}

	/* صف أزرار التواصل */
	body.single-hp_listing
	.hp-listing__attributes--primary {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: 10px !important;
		margin: 0 0 18px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.single-hp_listing
	.hp-listing__attributes--primary
	.hp-listing__attribute {
		width: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/* السعر: كبسولة فوق يمين الصورة */
	body.single-hp_listing
	.hp-listing__attributes--primary
	.hp-listing__attribute--price {
		position: absolute !important;
		top: 12px !important;
		right: 12px !important;
		left: auto !important;
		z-index: 30 !important;
	}

	body.single-hp_listing
	.hp-listing__attribute--price
	.alwaseet-price {
		display: inline-flex !important;
		align-items: center !important;
		width: auto !important;
		min-height: 0 !important;
		padding: 7px 14px !important;
		border: 1px solid rgba(255, 255, 255, 0.28) !important;
		border-radius: 999px !important;
		background: rgba(15, 42, 76, 0.9) !important;
		color: #ffffff !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		direction: ltr !important;
		box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	/* زر الاتصال وزر واتساب */
	body.single-hp_listing
	.alwaseet-call,
	body.single-hp_listing
	.alwaseet-whatsapp {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 7px !important;
		width: 100% !important;
		height: 42px !important;
		min-height: 42px !important;
		padding: 6px 8px !important;
		border: 0 !important;
		border-radius: 10px !important;
		color: #ffffff !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
		box-shadow: 0 3px 9px rgba(15, 23, 42, 0.12) !important;
	}

	body.single-hp_listing
	.alwaseet-call {
		background: #1677c8 !important;
	}

	body.single-hp_listing
	.alwaseet-whatsapp {
		background: #16a34a !important;
	}

	body.single-hp_listing
	.alwaseet-call::before {
		content: "\f095";
		font-family: "Font Awesome 5 Free";
		font-size: 14px;
		font-weight: 900;
	}

	body.single-hp_listing
	.alwaseet-whatsapp::before {
		content: "" !important;
		display: inline-block;
		flex: 0 0 18px;
		width: 18px;
		height: 18px;
		background-color: #ffffff;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9 9 0 0 0-7.7 13.7L3 21l5.5-1.4A9 9 0 1 0 12 2Zm0 2a7 7 0 1 1-3.1 13.3l-.3-.2-2.8.7.7-2.7-.2-.3A7 7 0 0 1 12 4Zm-2.2 3.2c-.3 0-.6.1-.8.4-.3.3-.9.9-.9 2.2s.9 2.6 1 2.8c.1.2 1.8 2.9 4.5 3.9 2.2.8 2.7.6 3.2.5.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2-.1-.1-.5-.2-1.1-.5l-1.5-.7c-.2-.1-.4-.2-.6.2l-.7.9c-.2.3-.4.3-.7.2-.4-.2-1.5-.5-2.8-1.7-1-1-1.7-2.1-1.9-2.4-.2-.4 0-.6.2-.8l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.4 0-.6l-.7-1.6c-.2-.5-.4-.5-.7-.5h-.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9 9 0 0 0-7.7 13.7L3 21l5.5-1.4A9 9 0 1 0 12 2Zm0 2a7 7 0 1 1-3.1 13.3l-.3-.2-2.8.7.7-2.7-.2-.3A7 7 0 0 1 12 4Zm-2.2 3.2c-.3 0-.6.1-.8.4-.3.3-.9.9-.9 2.2s.9 2.6 1 2.8c.1.2 1.8 2.9 4.5 3.9 2.2.8 2.7.6 3.2.5.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2-.1-.1-.5-.2-1.1-.5l-1.5-.7c-.2-.1-.4-.2-.6.2l-.7.9c-.2.3-.4.3-.7.2-.4-.2-1.5-.5-2.8-1.7-1-1-1.7-2.1-1.9-2.4-.2-.4 0-.6.2-.8l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.4 0-.6l-.7-1.6c-.2-.5-.4-.5-.7-.5h-.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
}

/* ==========================================
   بطاقة تفاصيل الإعلان على الهاتف
========================================== */
@media screen and (max-width: 768px) {

	body.single-hp_listing
	.hp-listing__attributes--secondary {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0 16px !important;
		width: 100% !important;
		margin: 0 0 20px !important;
		padding: 14px 14px 7px !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		box-shadow: 0 4px 14px rgba(15, 42, 76, 0.07) !important;
	}

	body.single-hp_listing
	.hp-listing__attributes--secondary::before {
		content: "تفاصيل الإعلان";
		grid-column: 1 / -1;
		display: block;
		margin: 0 0 3px;
		padding: 0 0 10px;
		border-bottom: 1px solid #dbe3ec;
		color: #0f2a4c;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.4;
		text-align: right;
	}

	body.single-hp_listing
	.hp-listing__attributes--secondary
	.hp-listing__attribute {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: baseline !important;
		gap: 3px 5px !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 9px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #edf1f5 !important;
		background: transparent !important;
		color: #334155 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.45 !important;
		text-align: right !important;
		overflow-wrap: anywhere;
	}

	body.single-hp_listing
	.hp-listing__attributes--secondary
	.hp-listing__attribute strong,
	body.single-hp_listing
	.hp-listing__attribute--listing-type::before,
	body.single-hp_listing
	.hp-listing__attribute--city::before,
	body.single-hp_listing
	.hp-listing__attribute--car-make::before,
	body.single-hp_listing
	.hp-listing__attribute--manufacture-year::before,
	body.single-hp_listing
	.hp-listing__attribute--fuel-type::before,
	body.single-hp_listing
	.hp-listing__attribute--cylinders::before,
	body.single-hp_listing
	.hp-listing__attribute--rooms::before,
	body.single-hp_listing
	.hp-listing__attribute--area::before,
	body.single-hp_listing
	.hp-listing__attribute--building-age::before {
		color: #0f477e !important;
		font-size: 13px !important;
		font-weight: 700 !important;
	}

	body.single-hp_listing
	.hp-listing__attribute--listing-type::before {
		content: "نوع الإعلان:";
	}

	body.single-hp_listing
	.hp-listing__attribute--city::before {
		content: "المدينة:";
	}

	body.single-hp_listing
	.hp-listing__attribute--car-make::before {
		content: "الماركة:";
	}

	body.single-hp_listing
	.hp-listing__attribute--manufacture-year::before {
		content: "سنة الصنع:";
	}

	body.single-hp_listing
	.hp-listing__attribute--fuel-type::before {
		content: "نوع الوقود:";
	}

	body.single-hp_listing
	.hp-listing__attribute--cylinders::before {
		content: "عدد السلندرات:";
	}

	body.single-hp_listing
	.hp-listing__attribute--rooms::before {
		content: "عدد الغرف:";
	}

	body.single-hp_listing
	.hp-listing__attribute--area::before {
		content: "المساحة:";
	}

	body.single-hp_listing
	.hp-listing__attribute--building-age::before {
		content: "سنة البناء:";
	}

	body.single-hp_listing
	.hp-listing__attribute--negotiable strong::after {
		content: ":";
	}

	body.single-hp_listing
	.hp-listing__attribute--negotiable::after {
		content: "نعم";
	}

	/* الحقول الطويلة تستخدم عرض البطاقة كاملاً */
	body.single-hp_listing
	.hp-listing__attribute--district,
	body.single-hp_listing
	.hp-listing__attribute--drive-type,
	body.single-hp_listing
	.hp-listing__attribute--engine-size {
		grid-column: 1 / -1;
	}
}

/* ==========================================
   وصف الإعلان على الهاتف
========================================== */
@media screen and (max-width: 768px) {

	body.single-hp_listing
	.hp-listing__description {
		width: 100% !important;
		margin: 0 0 20px !important;
		padding: 14px !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		box-shadow: 0 4px 14px rgba(15, 42, 76, 0.07) !important;
	}

	body.single-hp_listing
	.hp-listing__description::before {
		content: "وصف الإعلان";
		display: block;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px solid #dbe3ec;
		color: #0f2a4c;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.4;
		text-align: right;
	}

	body.single-hp_listing
	.hp-listing__description p {
		margin: 0 !important;
		padding: 0 !important;
		color: #334155 !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 1.85 !important;
		text-align: right !important;
	}
}

/* ==========================================
   بطاقة صاحب الإعلان على الهاتف
========================================== */
@media screen and (max-width: 768px) {

	body.single-hp_listing
	.hp-vendor--view-block {
		display: grid !important;
		grid-template-columns: 56px minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 12px !important;
		width: 100% !important;
		margin: 0 0 20px !important;
		padding: 12px 14px !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		background: #ffffff !important;
		box-shadow: 0 4px 14px rgba(15, 42, 76, 0.07) !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__header {
		width: 56px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__image {
		width: 56px !important;
		height: 56px !important;
		margin: 0 !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__image a,
	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__image img {
		display: block !important;
		width: 56px !important;
		height: 56px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		object-fit: cover !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__content {
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: right !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__name {
		margin: 0 0 4px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.4 !important;
		overflow-wrap: anywhere;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__name a {
		color: #0f2a4c !important;
		text-decoration: none !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__registered-date {
		color: transparent !important;
		font-size: 0 !important;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__registered-date::before {
		content: "صاحب الإعلان";
		color: #64748b;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.4;
	}

	body.single-hp_listing
	.hp-vendor--view-block
	.hp-vendor__footer {
		display: none !important;
	}
}

/* ==========================================
   بطاقات صفحات عرض العقارات والسيارات
   أكبر من بطاقات أحدث الإعلانات في الرئيسية
========================================== */
@media screen and (max-width: 768px) {

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__content {
		padding: 15px 16px 13px !important;
	}

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__title {
		font-size: 19px !important;
		line-height: 1.45 !important;
	}

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute {
		font-size: 17px !important;
		line-height: 1.45 !important;
	}

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute::before {
		flex-basis: 17px;
		width: 17px;
		height: 17px;
	}

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-row {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
	}

	body.tax-hp_listing_category
	.hp-listing--view-block
	.hp-listing__attributes--secondary
	.hp-listing__attribute {
		flex: 0 1 auto !important;
		grid-column: auto !important;
		min-width: 0 !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
/* ضبط صفحة إعدادات الحساب على الهاتف */
@media (max-width: 767px) {

	.hp-page:has(.hp-form--user-update) .hp-row {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		flex-wrap: wrap !important;
	}

	.hp-page:has(.hp-form--user-update) .hp-page__sidebar,
	.hp-page:has(.hp-form--user-update) .hp-page__content {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 16px !important;
		padding-left: 16px !important;
		box-sizing: border-box;
	}
}

/* توحيد ارتفاع بطاقات الإعلانات */
@media (max-width: 768px) {

	.hp-listings .hp-grid__item {
		display: flex;
	}

	.hp-listings .hp-listing--view-block {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
	}

	.hp-listings .hp-listing__content {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.hp-listings .hp-listing__title {
		min-height: 56px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.hp-listings .hp-listing__attributes--secondary {
		margin-top: auto;
	}
}

/* تنسيق عدد الإعلانات النشطة */
.alwaseet-stat-number {
	display: block;
	width: 100%;
	color: #075a96;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}
/* محاذاة زر رفع الصور إلى اليمين */
.hp-field--attachment-upload > label {
	display: block !important;
	width: 100% !important;
	text-align: right !important;
	direction: rtl !important;
}

.hp-field--attachment-upload > label > .button {
	display: inline-flex !important;
	float: none !important;
	margin: 0 !important;
}
/**
 * نموذج نشر الإعلان:
 * تمييز الحقول المكتملة.
 */

/* الحقول النصية والقوائم */
.hp-form__field.alwaseet-field-complete input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.hp-form__field.alwaseet-field-complete textarea,
.hp-form__field.alwaseet-field-complete select,
.hp-form__field.alwaseet-field-complete .select2-selection {
	box-sizing: border-box;
	border-color: #16a34a !important;
	border-width: 2px !important;
	background-color: #f0fdf4 !important;
	box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.18) !important;
}

/* علامة الصح بجانب اسم الحقل */
.hp-form__field.alwaseet-field-complete .hp-form__label::after {
	content: "✓";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px;
	color: #16a34a;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}