/* ==================== SALES: /sales/ and /sales/<акция>/ (templates/archive-sale.html, single-sale.html, patterns/sales-list.php) ==================== */

/* Layout is the news one: card — .news-list/.news-card (news.css), page — .service-single (services.css) + .news-single__date.
   Own here: the line «date · term» — group.sale-card__meta / group.sale-single__meta > post-date + p.sale-period
   (Block Bindings webmaster/sale:period, inc/sales.php). Term without a date is not output; past term — .is-ended (muted). */

.news-list .sale-card__meta,
.news-single .sale-single__meta{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--sale-meta-gap-y) var(--sale-meta-gap-x);
}

.news-list .sale-card__meta > *,
.news-single .sale-single__meta > *{
	margin: 0;
}

.news-list .sale-card__meta .sale-period,
.news-single .sale-single__meta .sale-period{
	padding: var(--sale-period-pad-y) var(--sale-period-pad-x);
	border-radius: var(--sale-period-radius);
	background: var(--color-accent);
	color: #fff;
	font-size: var(--sale-period-size);
	font-weight: 600;
	line-height: 1.3;
}

.news-list .sale-card__meta .sale-period.is-ended,
.news-single .sale-single__meta .sale-period.is-ended{
	background: var(--color-border);
	color: var(--catalog-muted);
}

/* Sale without a photo (post-featured-image renders nothing): the text takes the whole card instead of the photo column. */
.sales-list .news-card:not(:has(.news-card__image)){
	grid-template-columns: minmax(0, 1fr);
}

.sales-list .news-card:not(:has(.news-card__image)) .news-card__body{
	padding-left: var(--news-text-pad-right);
}