/* TMS Estado de Stock */

.tms-ee {
	--tms-ee-disp: #7fd18a;
	--tms-ee-pocas: #ffb648;
	--tms-ee-agotado: #ff6b6b;
	--tms-ee-nodisp: #9a9aa2;
	font-family: inherit;
	letter-spacing: .02em;
}

p.stock.tms-ee {
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 6px 0 10px !important;
}

.tms-ee--pildora {
	display: inline-block;
	margin: 4px 0 2px;
	padding: 3px 10px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 11px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 600;
	white-space: nowrap;
}

.tms-ee--disponible {
	color: var(--tms-ee-disp) !important;
}

.tms-ee--pocas {
	color: var(--tms-ee-pocas) !important;
}

.tms-ee--agotado {
	color: var(--tms-ee-agotado) !important;
}

.tms-ee--nodisponible {
	color: var(--tms-ee-nodisp) !important;
}

/* Línea de stock que imprime el tema u otro plugin: el puntito toma el color del estado. */
[data-tms-ee-listo].tms-ee--pocas > span,
[data-tms-ee-listo].tms-ee--pocas > i,
[data-tms-ee-listo].tms-ee--agotado > span,
[data-tms-ee-listo].tms-ee--agotado > i {
	background-color: currentColor !important;
	border-color: currentColor !important;
}

[data-tms-ee-listo].tms-ee--pocas::before,
[data-tms-ee-listo].tms-ee--agotado::before {
	background-color: currentColor !important;
}

[data-tms-ee-repetido] {
	display: none !important;
}