/**
 * Sold Out ribbon for Off The Rail Brewing (Enfold + WooCommerce + WCPS)
 */

.otr-sold-out-ribbon {
	position: absolute;
	top: 12px;
	left: 0;
	z-index: 20;
	display: inline-block;
	padding: 9px 16px 9px 12px;
	background: #c8102e;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
	pointer-events: none;
}

.otr-sold-out-ribbon::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	border-top: 7px solid #8f0b22;
	border-left: 7px solid transparent;
}

/* Offset on Enfold grids to clear the top-left zoom icon */
li.product.outofstock > .otr-sold-out-ribbon,
.single-product-main-image .otr-sold-out-ribbon {
	top: 12px;
	left: 52px;
}

/* Shop, related products, Enfold product grids, WCPS */
li.product.outofstock,
.product.outofstock .inner_product,
.product.outofstock .single-product-main-image,
.product.outofstock .thumbnail_container,
.product.outofstock .woocommerce-product-gallery,
.wcps-items.otr-outofstock .wcps-items-thumb,
.wcps-items.otr-outofstock .layer-media {
	position: relative;
}

.wcps-items-thumb .otr-sold-out-ribbon {
	top: 12px;
	left: 0;
}

/* Fallback for single product pages and sliders without the PHP hook */
.product.outofstock:not(:has(.otr-sold-out-ribbon)) .thumbnail_container::before,
.product.outofstock:not(:has(.otr-sold-out-ribbon)) .woocommerce-product-gallery::before,
.wcps-items.otr-outofstock:not(:has(.otr-sold-out-ribbon)) .wcps-items-thumb::before {
	content: "Sold Out";
	position: absolute;
	top: 12px;
	left: 0;
	z-index: 20;
	display: inline-block;
	padding: 9px 16px 9px 12px;
	background: #c8102e;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
	pointer-events: none;
}

.product.outofstock:not(:has(.otr-sold-out-ribbon)) .woocommerce-product-gallery::before {
	left: 52px;
}

@media (max-width: 767px) {
	.otr-sold-out-ribbon,
	.product.outofstock:not(:has(.otr-sold-out-ribbon)) .thumbnail_container::before,
	.product.outofstock:not(:has(.otr-sold-out-ribbon)) .woocommerce-product-gallery::before,
	.wcps-items.otr-outofstock:not(:has(.otr-sold-out-ribbon)) .wcps-items-thumb::before {
		top: 10px;
		font-size: 10px;
		padding: 7px 12px 7px 10px;
	}

	li.product.outofstock > .otr-sold-out-ribbon,
	.single-product-main-image .otr-sold-out-ribbon,
	.product.outofstock:not(:has(.otr-sold-out-ribbon)) .woocommerce-product-gallery::before {
		left: 44px;
	}
}