/*
 * {C} Voxel Add-on Stock: the few marks it adds to Voxel's product form and
 * create/edit form. Colours come from the text around them, so they follow
 * the site's own Voxel styling.
 */

/* "Sold out" / "3 left" after a choice's label. */
.cstock-note {
	margin-left: 6px;
	font-size: 0.85em;
	font-weight: 400;
	opacity: 0.7;
	white-space: nowrap;
}

.cstock-note.is-sold-out {
	font-weight: 600;
	opacity: 0.9;
}

/* A sold-out choice: still listed, plainly not for sale. */
[data-cstock="sold-out"] {
	opacity: 0.5;
	cursor: not-allowed;
}

[data-cstock="sold-out"] * {
	cursor: not-allowed;
}

/* "12 sold so far" under the Available box. */
.cstock-available .cstock-sold {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	opacity: 0.7;
}