.dc-coming-soon-badge {
	display: inline-block;
	z-index: 6;
	padding: 0.4rem 0.75rem;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #fff;
	background: #1e1e1e;
	border-radius: 2px;
	white-space: nowrap;
	pointer-events: none;
}

.woocommerce ul.products li.product,
.product-small,
.product-small .box-image,
.product-small .box-image .image-none,
.product-small .box-image .image-fade_in_back,
.product-small .box-image a {
	position: relative;
}

/*
 * On the product photo (top of the card). Never use bottom: that sits on the title.
 */
.product-small .box-image .dc-coming-soon-badge,
.product-small .dc-coming-soon-badge--image,
.woocommerce ul.products li.product .box-image .dc-coming-soon-badge,
.woocommerce ul.products li.product .dc-coming-soon-badge--image {
	position: absolute;
	top: 12px;
	left: 12px;
	right: auto;
	bottom: auto;
	transform: none;
	margin: 0;
	z-index: 6;
}

/*
 * Fallback under the title when the theme has no image box.
 */
.dc-coming-soon-badge--title,
.product-small .box-text .dc-coming-soon-badge,
.woocommerce-loop-product__title .dc-coming-soon-badge,
h2.woocommerce-loop-product__title .dc-coming-soon-badge,
.product-small .name .dc-coming-soon-badge {
	position: static !important;
	display: block;
	width: fit-content;
	max-width: 100%;
	margin: 0.4em 0 0.15em;
	transform: none !important;
	white-space: normal;
}

.dc-coming-soon-loop.disabled {
	opacity: 0.85;
	cursor: not-allowed;
	pointer-events: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title small,
.product-small .name small,
.product-small .woocommerce-loop-product__title small {
	display: block;
	margin-top: 0.15em;
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.3;
	opacity: 0.8;
}