/**
 * استایل برچسب تاریخ انقضا برای آرشیو و تک‌محصول.
 * برچسب در گوشه بالا-چپ تصویر محصول قرار می‌گیرد.
 */

/* اطمینان از اینکه ظرفِ کارت/تصویر برای موقعیت‌دهی absolute آماده است. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product,
li.product .main-product-box {
	position: relative;
}

.woocommerce-product-gallery__image {
	position: relative;
}

/* خود برچسب */
.ped-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	right: auto;
	z-index: 20; /* بالاتر از برچسب حراج/دسته */
	display: inline-block;
	max-width: calc(100% - 16px);
	padding: 4px 10px;
	border-radius: 6px;
	background: #c0392b;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	white-space: nowrap;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	direction: rtl;
	pointer-events: none;
}

.ped-badge .ped-badge-date {
	font-weight: 700;
	direction: ltr;
	unicode-bidi: isolate;
}

/* حالت منقضی‌شده (کمی تیره‌تر برای تمایز) */
.ped-badge.ped-expired {
	background: #a51e12;
}

/* در صفحه تک‌محصول کمی بزرگ‌تر و برجسته‌تر (گوشه بالا-چپ تصویر شاخص) */
.woocommerce-product-gallery__image .ped-badge {
	top: 12px;
	left: 12px;
	right: auto;
	font-size: 13px;
	padding: 6px 12px;
}

/* روی موبایل کمی کوچک‌تر تا فضای تصویر را نگیرد */
@media (max-width: 480px) {
	.ped-badge {
		font-size: 11px;
		padding: 3px 8px;
	}
}