/**
 * Semáforo de stock — indicador visual
 *
 * Estende os estilos nativos do Astra (.stock, .in-stock, .out-of-stock)
 * com uma bolinha colorida antes do texto de disponibilidade.
 *
 * @package CastroPinto
 * @since   1.0.0
 */

/* -------------------------------------------------------
 * Indicador base (bolinha + layout inline)
 * Scoped sob .woocommerce-js para consistência com Astra
 * ------------------------------------------------------- */

.woocommerce-js div.product .stock.cp-stock-high,
.woocommerce-js div.product .stock.cp-stock-low,
.woocommerce-js div.product .stock.cp-stock-out {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.woocommerce-js div.product .stock.cp-stock-high::before,
.woocommerce-js div.product .stock.cp-stock-low::before,
.woocommerce-js div.product .stock.cp-stock-out::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	flex-shrink: 0;
}

/* Formas distintas por nível (acessibilidade — não depender só de cor) */
.woocommerce-js div.product .stock.cp-stock-high::before {
	border-radius: 50%;
}

.woocommerce-js div.product .stock.cp-stock-low::before {
	border-radius: 0;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.woocommerce-js div.product .stock.cp-stock-out::before {
	border-radius: 0;
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

/* -------------------------------------------------------
 * Cores por nível de stock
 * ------------------------------------------------------- */

/* Verde — stock alto */
.woocommerce-js div.product .stock.cp-stock-high {
	color: #16a34a;
}

.woocommerce-js div.product .stock.cp-stock-high::before {
	background-color: #16a34a;
}

/* Âmbar — stock limitado */
.woocommerce-js div.product .stock.cp-stock-low {
	color: #d97706;
}

.woocommerce-js div.product .stock.cp-stock-low::before {
	background-color: #d97706;
}

/* Vermelho — esgotado */
.woocommerce-js div.product .stock.cp-stock-out {
	color: #dc2626;
}

.woocommerce-js div.product .stock.cp-stock-out::before {
	background-color: #dc2626;
}

/* -------------------------------------------------------
 * Listagem da loja (loop de produtos)
 * Reutiliza as mesmas classes na listagem
 * ------------------------------------------------------- */

.woocommerce ul.products li.product .stock.cp-stock-high,
.woocommerce ul.products li.product .stock.cp-stock-low,
.woocommerce ul.products li.product .stock.cp-stock-out {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.85em;
}

.woocommerce ul.products li.product .stock.cp-stock-high::before,
.woocommerce ul.products li.product .stock.cp-stock-low::before,
.woocommerce ul.products li.product .stock.cp-stock-out::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	flex-shrink: 0;
}

.woocommerce ul.products li.product .stock.cp-stock-high::before {
	border-radius: 50%;
}

.woocommerce ul.products li.product .stock.cp-stock-low::before {
	border-radius: 0;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.woocommerce ul.products li.product .stock.cp-stock-out::before {
	border-radius: 0;
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

.woocommerce ul.products li.product .stock.cp-stock-high {
	color: #16a34a;
}

.woocommerce ul.products li.product .stock.cp-stock-high::before {
	background-color: #16a34a;
}

.woocommerce ul.products li.product .stock.cp-stock-low {
	color: #d97706;
}

.woocommerce ul.products li.product .stock.cp-stock-low::before {
	background-color: #d97706;
}

.woocommerce ul.products li.product .stock.cp-stock-out {
	color: #dc2626;
}

.woocommerce ul.products li.product .stock.cp-stock-out::before {
	background-color: #dc2626;
}