.ateeq-free-shipping-progress {
	--ateeq-fsp-bg: rgba(203, 174, 142, 0.22);
	--ateeq-fsp-track: rgba(59, 42, 32, 0.14);
	--ateeq-fsp-fill: #b89878;
	--ateeq-fsp-fill-end: #cbae8e;
	--ateeq-fsp-text: #3b2a20;
	--ateeq-fsp-hint: rgba(59, 42, 32, 0.72);
	margin: 0 0 14px;
	padding: 12px 14px;
	border-radius: 12px;
	background: var(--ateeq-fsp-bg);
	color: var(--ateeq-fsp-text);
	font-size: 0.875rem;
	line-height: 1.45;
}

.ateeq-free-shipping-progress--drawer {
	margin: 0 0 12px;
	padding: 14px 16px 12px;
	border-radius: 0;
	background: #faf7f3;
	border-bottom: 1px solid rgba(59, 42, 32, 0.08);
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__message {
	text-align: center;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 0 0 12px;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__message strong {
	font-weight: 700;
	color: #3b2a20;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__track-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
}

.ateeq-free-shipping-progress--drawer.ateeq-free-shipping-progress--unlocked .ateeq-free-shipping-progress__track-row {
	justify-content: stretch;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__track {
	position: relative;
	flex: 1 1 auto;
	height: 7px;
	border-radius: 999px;
	background: var(--ateeq-fsp-track);
	overflow: visible;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__fill {
	position: relative;
	display: block;
	height: 100%;
	min-width: 0;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		#9a7d62 0%,
		var(--ateeq-fsp-fill) 55%,
		var(--ateeq-fsp-fill-end) 100%
	);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.ateeq-free-shipping-progress--drawer.ateeq-free-shipping-progress--unlocked .ateeq-free-shipping-progress__fill {
	background: linear-gradient(90deg, #3b2a20 0%, #5c4336 100%);
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__knob {
	position: absolute;
	top: 50%;
	inset-inline-end: 0;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid rgba(59, 42, 32, 0.25);
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(59, 42, 32, 0.15);
	transform: translate(50%, -50%);
}

.ateeq-free-shipping-progress--drawer[dir="rtl"] .ateeq-free-shipping-progress__knob {
	transform: translate(-50%, -50%);
}

.ateeq-free-shipping-progress--drawer.ateeq-free-shipping-progress--unlocked .ateeq-free-shipping-progress__knob {
	border-color: #3b2a20;
	background: #faf7f3;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__goal {
	flex: 0 0 auto;
	min-width: 4.75rem;
	max-width: 5.75rem;
	text-align: center;
	line-height: 1.2;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__goal-amount {
	display: block;
	font-size: 0.6875rem;
	font-weight: 700;
	color: #3b2a20;
	white-space: nowrap;
}

.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__goal-text {
	display: block;
	margin-top: 2px;
	font-size: 0.625rem;
	font-weight: 600;
	color: rgba(59, 42, 32, 0.78);
	text-transform: none;
}

.ateeq-free-shipping-progress--compact {
	margin: 0 0 10px;
	padding: 10px 12px;
	font-size: 0.8125rem;
	border-radius: 10px;
}

.ateeq-free-shipping-progress__message {
	margin: 0 0 8px;
	font-weight: 600;
}

.ateeq-free-shipping-progress--compact .ateeq-free-shipping-progress__message {
	margin-bottom: 6px;
}

.ateeq-free-shipping-progress__hint {
	margin: -4px 0 8px;
	font-size: 0.8125rem;
	color: var(--ateeq-fsp-hint);
	font-weight: 400;
}

.ateeq-free-shipping-progress__track {
	position: relative;
	height: 8px;
	border-radius: 999px;
	background: var(--ateeq-fsp-track);
	overflow: hidden;
}

.ateeq-free-shipping-progress--compact .ateeq-free-shipping-progress__track {
	height: 6px;
}

.ateeq-free-shipping-progress__fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #b89878 0%, var(--ateeq-fsp-fill-end) 100%);
	transition: width 0.35s ease;
}

.ateeq-free-shipping-progress--unlocked .ateeq-free-shipping-progress__fill {
	background: linear-gradient(90deg, #3b2a20 0%, #5c4336 100%);
}

.ateeq-free-shipping-progress--lang-ar .ateeq-free-shipping-progress__message {
	letter-spacing: 0;
}

.ateeq-free-shipping-progress-page-wrap {
	margin: 0 0 1.5rem;
	max-width: 100%;
}

.ateeq-free-shipping-progress-page-wrap .ateeq-free-shipping-progress--drawer {
	border-radius: 12px;
	border: 1px solid rgba(59, 42, 32, 0.08);
}

.off-canvas-cart .ateeq-free-shipping-progress--drawer,
.cart-popup .ateeq-free-shipping-progress--drawer,
.widget_shopping_cart_content .ateeq-free-shipping-progress--drawer {
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 849px) {
	.ateeq-free-shipping-progress {
		padding: 10px 12px;
		font-size: 0.8125rem;
	}

	.ateeq-free-shipping-progress--drawer .ateeq-free-shipping-progress__goal {
		min-width: 4.25rem;
		max-width: 5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ateeq-free-shipping-progress__fill {
		transition: none;
	}
}
