/**
 * Sold-out appearance for the buy box button.
 *
 * Woo's `disabled` class is honoured as well as our own state class, so a button
 * Woo has ruled out never looks clickable — even in the moment before the script
 * has repainted it.
 */

.pdp-info__purchase .single_add_to_cart_button.joov-atc--sold-out,
.pdp-info__purchase .single_add_to_cart_button.wc-variation-is-unavailable {
	background-color: var(--neutral-light, #e5e5e5);
	color: var(--text-dark-muted, #6b6b6b);
	cursor: not-allowed;
	/* Belt and braces: the disabled attribute is set by the script, and this stops
	   a click landing in the window before it runs. */
	pointer-events: none;
}

/* Woo's availability line is the explanation next to the greyed button; it is the
   one place the reason is stated, so it should read as a real message. */
.pdp-info__purchase .woocommerce-variation-availability .stock.out-of-stock {
	margin: 0;
	color: var(--primary);
	font-size: var(--text-xs);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}