/**
 * WooCommerce Shipping Progress Bar – frontend styles.
 * Mobile-first, minimal footprint, no fixed widths (fits narrow cart drawers).
 */

.spb-container {
	--spb-height: 10px;
	--spb-radius: 999px;
	--spb-bg: #e5e5e5;
	--spb-fg: #1c1c1c;
	--spb-text: #333333;

	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 0.875rem;
	color: var( --spb-text );
	margin: 1em 0;
}

.spb-container * {
	box-sizing: border-box;
}

.spb-message {
	margin: 0 0 0.5em;
	line-height: 1.4;
}

.spb-progress {
	width: 100%;
	height: var( --spb-height );
	background-color: var( --spb-bg );
	border-radius: var( --spb-radius );
	overflow: hidden;
}

.spb-progress-bar {
	height: 100%;
	width: 0%;
	background-color: var( --spb-fg );
	border-radius: var( --spb-radius );
	transition: width 0.4s ease;
}

.spb-percentage {
	margin-top: 0.25em;
	font-size: 0.75rem;
	text-align: right;
}

.spb-continue-shopping {
	margin: 0.5em 0 0;
	/* font-size: 0.875rem; */
	text-decoration: underline;
}

.nectar-slide-in-cart .spb-continue-shopping {
	display: none !important;
}

/* State: almost there – emphasized via weight only, color stays consistent. */
.spb-state-almost .spb-message {
	font-weight: 600;
}

/* State: free shipping reached. */
.spb-state-reached .spb-message {
	font-weight: 700;
}

@media ( min-width: 480px ) {
	.spb-container {
		font-size: 1rem;
	}
}