/**
 * CzarCommerce — Barras de progresso (estoque/rating + frete grátis) (F12-B).
 *
 * Reproduz 1:1 os parts woo-mod-progress-bar.min.css (base .wd-progress-bar:
 * stock bar do produto, rating summary das reviews) e
 * woo-opt-free-progress-bar.min.css (.wd-free-progress-bar: barra de frete
 * grátis no mini-cart/carrinho/checkout/produto). Os dois não disputam
 * propriedade (background-color vs background-image), então a ordem aqui
 * (base → opt) é segura. Classes wd-* ficam: server-side e âncora dos
 * cart fragments ($fragments['div.wd-free-progress-bar']) — rename só
 * com a reescrita dos módulos (F12-E/F).
 */

/* woo-mod-progress-bar — base .wd-progress-bar */

.wd-progress-bar p:last-child {
	--wd-tags-mb: 0;
}

.wd-progress-bar .stock-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
	color: var(--color-gray-500);
	line-height: 1;
}

.wd-progress-bar .stock-info span {
	margin-inline-start: 3px;
	color: var(--color-gray-800);
	font-weight: 600;
}

.wd-progress-bar :is(.progress-area, .progress-bar) {
	height: var(--wd-progress-height, 7px);
	border-radius: var(--wd-brd-radius);
}

.wd-progress-bar .progress-area {
	width: 100%;
	background-color: rgba(var(--bgcolor-black-rgb), 0.06);
	transition: background-color 0.25s ease;
}

.wd-progress-bar .progress-bar {
	background-color: var(--wd-primary-color);
}

@media (max-width: 576px) {
	.wd-product .wd-progress-bar .stock-info {
		justify-content: center;
	}

	.wd-product .wd-progress-bar .total-sold {
		display: none;
	}
}

/* woo-opt-free-progress-bar — frete grátis .wd-free-progress-bar */

.wd-free-progress-bar {
	--wd-progress-height: 10px;
}

.wd-free-progress-bar .progress-bar {
	margin-top: 10px;
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 15px 15px;
}

.wd-free-progress-bar.wd-progress-hide .progress-area {
	display: none;
}

.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar {
	padding: 20px;
	border: 2px dashed var(--brdcolor-gray-300);
	border-radius: var(--wd-brd-radius);
}

.widget_shopping_cart .wd-free-progress-bar {
	margin-bottom: 0;
	padding-block: 15px;
	border-top: 1px solid var(--brdcolor-gray-300);
}

.wd-builder-off .wd-shipping-progress-bar {
	margin-bottom: 20px;
}