/**
 * WooCommerce Gifts — front-end progress bar (Soft Card style).
 *
 * Colors come from inline CSS custom properties set per render
 * (--mzr-pb-fill-start, --mzr-pb-fill-end, --mzr-pb-track, --mzr-pb-text, --mzr-pb-success).
 *
 * @package MzrGifts
 */

.mzr-gifts-progress--empty {
	display: none;
}

.mzr-gifts-progress {
	margin: 0 0 1.25em;
}

.mzr-gifts-progress--mini-cart {
	margin: 0 0 1em;
}

.mzr-gifts-progress__inner {
	background: #fff;
	border: 1px solid rgba( 0, 0, 0, 0.08 );
	border-radius: 14px;
	padding: 14px 16px;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
}

.mzr-gifts-progress__message {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	color: var( --mzr-pb-text, #1f2937 );
}

.mzr-gifts-progress__message .mzr-pb-amount {
	color: var( --mzr-pb-fill-end, #10b981 );
	font-weight: 700;
	white-space: nowrap;
}

.mzr-gifts-progress__message .mzr-pb-note {
	font-weight: 500;
	font-size: 0.85em;
	opacity: 0.7;
}

.mzr-gifts-progress__track {
	height: 12px;
	border-radius: 20px;
	background: var( --mzr-pb-track, #e5e7eb );
	overflow: hidden;
}

.mzr-gifts-progress__fill {
	height: 100%;
	border-radius: 20px;
	background: linear-gradient( 90deg, var( --mzr-pb-fill-start, #34d399 ), var( --mzr-pb-fill-end, #10b981 ) );
	transition: width 0.4s ease;
}

.mzr-gifts-progress.is-unlocked .mzr-gifts-progress__fill {
	background: var( --mzr-pb-success, #10b981 );
}