/* WLL Coming Soon — storefront styles. Brand black #353735. */

/* Inline after the price, mirroring wll-shipping's .fsb-badge-inline, but
   outlined so it does not compete with the solid free shipping badge. */
.wll-coming-soon-badge {
	display: inline-flex;
	align-items: center;
	margin: 0 0 10px 8px; /* fsb keeps its inline 10px bottom margin */
	padding: 4px 5px;
	background: transparent;
	color: #353735;
	border: 1px solid #353735;
	font-size: 80%;
	font-weight: 600;
	line-height: 1.5;
	vertical-align: middle;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.price .wll-coming-soon-badge {
	margin-left: 5px;
}

@media screen and (max-width: 992px) {
	.wll-coming-soon-badge {
		margin-top: 4px;
		margin-left: 4px;
		font-size: 0.8em;
	}
}
@media screen and (max-width: 390px) {
	.wll-coming-soon-badge,
	.price .wll-coming-soon-badge {
		margin-left: 2px;
		padding: 2px 3px;
		font-size: 0.75em;
		line-height: 1.3;
	}
}

/* Availability line replaces the red out-of-stock text. */
.stock.wll-coming-soon {
	color: #353735;
	font-weight: 600;
}

/* WooCommerce keeps the back-in-stock form hidden until a variation is
   chosen; on a coming-soon page the email field is the main call to action. */
body.wll-coming-soon .wc_bis_form.hidden {
	display: block;
}
body.wll-coming-soon .single_variation_wrap .woocommerce-variation-add-to-cart {
	display: none;
}

.wll-coming-soon-note {
	margin: 0.5em 0 1.5em;
	font-size: 0.875em;
	color: #6b6b6b;
}