/**
 * کارت محصول ماه۲۴ (ویجت المنتور).
 *
 * همه‌ی اندازه‌ها و رنگ‌های قابل تنظیم، متغیر CSS‌اند تا کنترل‌های المنتور فقط
 * همان متغیر را روی wrapper بنشانند و چیزی از استایل پایه بازنویسی نشود.
 */

.mah24-card {
	--mah24-card-wine: #35091c;
	--mah24-card-accent: #c20a51;
	--mah24-card-ink: #1c1c1c;
	--mah24-card-soft: #a7a2a4;
	--mah24-card-line: #f0edee;
	--mah24-card-radius: 20px;
	--mah24-card-tint-a: #fbf6ea;
	--mah24-card-tint-b: #f5ecd6;
	--mah24-card-media: 210px;
	--mah24-card-star: #e8a911;

	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	overflow: hidden !important;
	border: 1px solid var(--mah24-card-line) !important;
	border-radius: var(--mah24-card-radius) !important;
	background: #fff !important;
	color: var(--mah24-card-ink) !important;
	font-size: 14px !important;
	line-height: 1.9 !important;
	text-align: start !important;
	transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.28s !important;
}

.mah24-card *,
.mah24-card *::before,
.mah24-card *::after {
	box-sizing: border-box !important;
}

.mah24-card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 26px 44px -26px rgba(53, 9, 28, 0.4) !important;
}

/* ---------------------------------------- تصویر */

.mah24-card__media {
	position: relative !important;
	padding: 22px 22px 12px !important;
	background: linear-gradient(160deg, var(--mah24-card-tint-a), var(--mah24-card-tint-b)) !important;
}

.mah24-card__frame {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: var(--mah24-card-media) !important;
}

.mah24-card__frame img {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	object-fit: contain !important;
	filter: drop-shadow(0 16px 20px rgba(53, 9, 28, 0.22)) !important;
	transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.mah24-card:hover .mah24-card__frame img {
	transform: scale(1.05) !important;
}

.mah24-card__badges {
	position: absolute !important;
	top: 14px !important;
	inset-inline-end: 14px !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

.mah24-card__off {
	display: inline-flex !important;
	align-items: center !important;
	padding: 5px 11px !important;
	border-radius: 11px !important;
	background: var(--mah24-card-accent) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.7 !important;
	box-shadow: 0 6px 14px -6px rgba(194, 10, 81, 0.7) !important;
}

/* دکمه‌ی علاقه‌مندی خود افزونه، داخل قاب شیشه‌ای طرح می‌نشیند. */
.mah24-card__wish {
	position: absolute !important;
	top: 14px !important;
	inset-inline-start: 14px !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.86) !important;
	backdrop-filter: blur(4px) !important;
	box-shadow: 0 4px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

.mah24-card__wish .mah24-wish {
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: transparent !important;
	box-shadow: none !important;
	    color: #35091c;

}
button.mah24-wish {
    color: #35091c;
}
/* ---------------------------------------- بدنه */

.mah24-card__body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 16px 18px 18px !important;
}

.mah24-card__meta {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.mah24-card__gender {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 4px 9px !important;
	border: 1px solid #f0e2ea !important;
	border-radius: 9px !important;
	background: #faf3f6 !important;
}

.mah24-card__gender img {
	display: block !important;
	width: 15px !important;
	height: 15px !important;
	margin: 0 !important;
	object-fit: contain !important;
}

.mah24-card__gender-label {
	color: #7a3350 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	line-height: 1.8 !important;
	white-space: nowrap !important;
}

.mah24-card__rating {
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	margin-inline-start: auto !important;
	direction: ltr !important;
}

.mah24-card__rating svg {
	display: block !important;
	flex: 0 0 auto !important;
	color: var(--mah24-card-star) !important;
}

.mah24-card__rate {
	color: #292929 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

.mah24-card__reviews {
	color: var(--mah24-card-soft) !important;
	font-size: 11.5px !important;
}

/* ---------------------------------------- عنوان */

.mah24-card__titles {
	min-height: 56px !important;
}

.mah24-card__title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--mah24-card-ink) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	line-height: 1.65 !important;
	text-decoration: none !important;
	text-wrap: pretty !important;
	overflow-wrap: anywhere !important;
}

.mah24-card a.mah24-card__title:hover {
	color: var(--mah24-card-wine) !important;
}

/* عنوان دو تکه: فارسی و لاتین، هرکدام با کلاس خودش. */
.mah24-card__title-fa {
	display: block !important;
}

.mah24-card__title-en {
	display: block !important;
	margin-top: 3px !important;
	color: var(--mah24-card-soft) !important;
	direction: ltr !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
	text-align: end !important;
}

.mah24-card__subtitle {
	display: block !important;
	margin-top: 3px !important;
	color: var(--mah24-card-soft) !important;
	direction: ltr !important;
	font-size: 11.5px !important;
	text-align: end !important;
}

/* ---------------------------------------- قیمت */

.mah24-card__prices {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	padding-top: 4px !important;
}

.mah24-card__price {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
}

.mah24-card__old,
.mah24-card__old .amount,
.mah24-card__old bdi {
	color: #bdb7b9 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	text-decoration: line-through !important;
}

.mah24-card__now,
.mah24-card__now .amount,
.mah24-card__now bdi {
	color: var(--mah24-card-wine) !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	line-height: 1.6 !important;
}

/* واحد پول ریزتر و کم‌رنگ‌تر، مثل طرح. */
.mah24-card__now .woocommerce-Price-currencySymbol {
	color: #8d8d8d !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

.mah24-card__free {
	color: var(--mah24-card-wine) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

/* ---------------------------------------- دکمه */

.mah24-card__buy {
	margin-top: auto !important;
	padding-top: 10px !important;
}

.mah24-card__buy .mah24-order-btn,
.mah24-card__buy > a.button,
.mah24-card__buy > .button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1.5px solid #eadfe4 !important;
	border-radius: 13px !important;
	background: #fff !important;
	color: var(--mah24-card-wine) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background 0.2s, color 0.2s, border-color 0.2s !important;
}

.mah24-card:hover .mah24-card__buy .mah24-order-btn,
.mah24-card:hover .mah24-card__buy > a.button,
.mah24-card:hover .mah24-card__buy > .button {
	border-color: var(--mah24-card-wine) !important;
	background: var(--mah24-card-wine) !important;
	color: #fff !important;
}

.mah24-card__buy .mah24-order-btn svg,
.mah24-card__buy .mah24-order-btn path {
	stroke: currentColor !important;
}

/* محصول داخل سبد: دکمه‌ی «مشاهده سبد» ووکامرس. */
.mah24-card__buy .added_to_cart {
	display: none !important;
}

/* ---------------------------------------- هم‌ارتفاعی در شبکه */

/*
 * کارت‌های یک ردیف باید هم‌ارتفاع باشند تا دکمه‌ها روی یک خط بنشینند. کلید کار
 * این است که ویجت و پوسته‌اش کشیده شوند و کارت با flex بقیه‌ی فضا را بگیرد؛
 * height:100% اینجا جواب نمی‌دهد چون ارتفاع کانتینر المنتور auto است.
 */
.elementor-widget-mah24-product-card {
	display: flex !important;
	flex-direction: column !important;
	align-self: stretch !important;
}

.elementor-widget-mah24-product-card > .elementor-widget-container {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	min-height: 0 !important;
}

.elementor-widget-mah24-product-card > .elementor-widget-container > .mah24-card {
	flex: 1 1 auto !important;
	height: auto !important;
}

/* سلول حلقه ستونی است؛ آنجا کشیدگی با flex-grow به دست می‌آید نه align-self. */
.e-loop-item:has(.elementor-widget-mah24-product-card),
.e-loop-item:has(.elementor-widget-mah24-product-card) > .e-con-inner {
	height: 100% !important;
}

.e-loop-item .elementor-widget-mah24-product-card {
	flex: 1 1 auto !important;
}

/* ---------------------------------------- حالت ویرایشگر */

.mah24-card--hint {
	padding: 26px !important;
	border: 1px dashed #d9d2d6 !important;
	color: #7c7c84 !important;
	font-size: 13px !important;
	text-align: center !important;
}

/* ---------------------------------------- ریزنمایش */

@media screen and (max-width: 480px) {
	.mah24-card {
		--mah24-card-media: 170px;
	}

	.mah24-card__media {
		padding: 16px 16px 10px !important;
	}

	.mah24-card__body {
		padding: 14px 14px 16px !important;
	}
}