/**
 * Swatch Stock Indicator Styles
 * Extracted from functions.php inline styles
 */

/* Out of stock swatches styling */
.klbtheme-type-color .klbtheme-term.tmtr-out-of-stock {
	position: relative !important;
	opacity: 0.45 !important;
}

/* Cross mark for out of stock */
.klbtheme-type-color .klbtheme-term.tmtr-out-of-stock::after {
	content: "✕";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: #111;
	pointer-events: none;
}

/* Hover state for out of stock */
.klbtheme-type-color .klbtheme-term.tmtr-out-of-stock:hover {
	opacity: 0.65 !important;
}