/**
 * JN Stock Indicator — base defaults. State-specific colors and the
 * progress bar's own fill/track colors come entirely from Elementor
 * Style tab controls (see the widget class) — this file only handles
 * layout/structure.
 */

.jnw-stock-wrap {
	display: block;
}

.jnw-stock-text-row {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
}

.jnw-stock-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 1;
}

.jnw-stock-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.jnw-stock-bar {
	width: 100%;
	overflow: hidden;
}

.jnw-stock-bar-fill {
	height: 100%;
	transition: width .3s ease;
	/* Safety-net default — the Elementor Style tab controls (Fill Color
	   In Stock / Low Stock) override this per state; without a fallback
	   here, if a dynamic control ever failed to apply for any reason,
	   the fill would be fully transparent and indistinguishable from
	   the empty track behind it. */
	background-color: #CF753F;
}

/* Neutral (variable product, before a variation is chosen) — no bar,
   muted tone by default (further customizable by targeting this class
   directly with Additional CSS if ever needed). */
.jnw-stock-wrap.jnw-stock-state-neutral .jnw-stock-text {
	color: #9A8070;
}