/* Promotions on the site (includes/modules/promotions/class-display.php). Plain and theme-friendly: the look of tags
   and banners for the whole business comes from Store&Floor later (docs/promotions.md, 11). */

.sfw-promo-tag {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 0.85em;
	font-weight: 700;
	line-height: 1.6;
	white-space: nowrap;
}

/* On a product in the catalog: over its image's corner (a block theme's grid is `.wc-block-product`, not `.products`). */
.products .product,
.wc-block-product {
	position: relative;
}
.sfw-promo-tag--catalog {
	position: absolute;
	top: 8px;
	inset-inline-start: 8px;
	z-index: 2;
}
.sfw-promo-tag--product {
	margin-block-end: 8px;
}

.sfw-promo-note {
	display: block;
	margin-block-start: 4px;
	font-size: 0.9em;
	color: #b91c1c;
	font-weight: 600;
}
.sfw-promo-note__item {
	display: block;
}
.sfw-promo-note small {
	font-weight: 400;
	color: inherit;
	opacity: 0.8;
}

.sfw-promo-progress {
	list-style: none;
	margin: 0 0 1em;
	padding: 10px 14px;
	border: 1px solid #fecaca;
	border-radius: 8px;
	background: #fef2f2;
	color: #7f1d1d;
}
.sfw-promo-progress li + li {
	margin-block-start: 4px;
}
.sfw-promo-progress small {
	opacity: 0.75;
	margin-inline-start: 4px;
}

/* The corner Store&Floor says (physical corners, as the picture is). */
.sfw-promo-tag--catalog.sfw-promo-tag--top-right { inset-inline-start: auto; right: 8px; }
.sfw-promo-tag--catalog.sfw-promo-tag--top-left { inset-inline-start: auto; left: 8px; }
.sfw-promo-tag--catalog.sfw-promo-tag--bottom-right { top: auto; bottom: 8px; inset-inline-start: auto; right: 8px; }
.sfw-promo-tag--catalog.sfw-promo-tag--bottom-left { top: auto; bottom: 8px; inset-inline-start: auto; left: 8px; }
.sfw-promo-tag img { display: block; max-width: 100%; height: auto; }

/* Who the promotion is for ("לחברי VIP"), under the tag's text or picture. */
.sfw-promo-tag__for {
	display: block;
	font-size: 0.8em;
	font-weight: 600;
	text-align: center;
}
.sfw-promo-tag:has(.sfw-promo-tag__for) {
	border-radius: 10px;
	text-align: center;
}
.sfw-promo-tag img + .sfw-promo-tag__for {
	margin-block-start: 2px;
}

/* The cart block: a gift line has no "remove" (its quantity is locked by the Store API). */
/* As specific as WooCommerce's own rules for the link (by size: .is-medium, .is-mobile…), so it wins. */
table.wc-block-cart-items .wc-block-cart-items__row.sfw-gift .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	display: none;
}
.sfw-promo-progress--blocks {
	margin: 12px 16px;
}