/*
 * ChapChap: SOLD / AVAILABLE ribbon on listing cards.
 * Same corner/style language as the theme's existing "Featured" ribbon
 * (.featured-tag, in every templates/classiera-loops/loop-*.php) so it
 * reads as part of the site rather than a bolted-on addition.
 */

/* .premium-img isn't guaranteed position:relative by the parent theme's
   own CSS in every card style -- scoped to .item (the grid card wrapper)
   only, so this can't affect anything outside a listing card. */
.item .premium-img {
	position: relative;
}

.chapchap-sold-ribbon {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.4px;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.chapchap-sold-ribbon-sold {
	background: #d32323;
}

.chapchap-sold-ribbon-available {
	background: #2e9e44;
}