/**
 * Free delivery progress bar — cart & checkout.
 */

.miraz-free-ship-wrap {
	width: 100%;
	margin: 0 0 20px;
}

.miraz-free-ship {
	padding: 14px 16px 12px;
	border: 1px solid rgba(200, 164, 93, 0.4);
	border-radius: 12px;
	background: linear-gradient(180deg, #fbf7ef 0%, #f6efe2 100%);
	box-sizing: border-box;
}

.miraz-free-ship__head {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 10px;
}

.miraz-free-ship__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #c8a45d;
	color: #171717;
}

.miraz-free-ship__msg {
	margin: 0;
	padding-top: 5px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	color: #171717;
}

.miraz-free-ship__msg .amount,
.miraz-free-ship__msg .woocommerce-Price-amount,
.miraz-free-ship__msg .miraz-free-ship__amount {
	color: #9a7428;
	white-space: nowrap;
}

.miraz-free-ship__track {
	position: relative;
	width: 100%;
	height: 10px;
	border-radius: 999px;
	background: rgba(23, 23, 23, 0.08);
	overflow: hidden;
}

.miraz-free-ship__fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #d4b56a 0%, #c8a45d 55%, #b8924a 100%);
	transition: width 0.45s ease;
}

.miraz-free-ship.is-unlocked .miraz-free-ship__fill {
	background: linear-gradient(90deg, #6faf45 0%, #459605 100%);
}

.miraz-free-ship.is-unlocked {
	border-color: rgba(69, 150, 5, 0.35);
	background: linear-gradient(180deg, #f3faf0 0%, #e8f5e1 100%);
}

.miraz-free-ship.is-unlocked .miraz-free-ship__icon {
	background: #459605;
	color: #fff;
}

.miraz-free-ship__meta {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.3;
	color: #6a6358;
	text-align: right;
}

.miraz-free-ship__meta .amount,
.miraz-free-ship__meta .miraz-free-ship__amount {
	font-weight: 600;
	color: #171717;
}

body.woocommerce-checkout .miraz-free-ship-wrap {
	margin: 0 0 24px;
}

@media (max-width: 640px) {
	.miraz-free-ship {
		padding: 12px 12px 10px;
	}
	.miraz-free-ship__msg {
		font-size: 13px;
	}
}