/**
 * PI Sticky Cart & Fast Checkout — free-shipping progress bar.
 *
 * The same bar is used on the cart page, the checkout page and inside the
 * floating cart drawer. Presentation only.
 */

.piscfc-freeship {
	margin: 0 0 20px;
	padding: 16px 18px;
	background: #ffffff;
	border: 1px solid #e2e2ea;
	border-radius: 12px;
	box-sizing: border-box;
}
.piscfc-freeship__msg {
	font-size: 14px;
	font-weight: 600;
	color: #1f2430;
	margin-bottom: 10px;
}
.piscfc-freeship__msg .woocommerce-Price-amount {
	color: var( --piscfc-qc-accent, #081541 );
}
.piscfc-freeship__track {
	height: 8px;
	border-radius: 999px;
	background: color-mix( in srgb, var( --piscfc-qc-accent, #081541 ) 12%, #ececf1 );
	overflow: hidden;
}
.piscfc-freeship__fill {
	height: 100%;
	border-radius: 999px;
	background: var( --piscfc-qc-accent, #081541 );
	transition: width 0.4s ease;
}
.piscfc-freeship__fill.is-complete {
	background: #16a34a;
}

/* Inside the floating cart drawer, the bar sits at the top of the footer,
   just above the subtotal. Tighten spacing and tint the background. */
.piscfc-drawer .piscfc-freeship,
.piscfc-drawer__footer .piscfc-freeship {
	margin: 0 0 14px;
	background: color-mix( in srgb, var( --piscfc-qc-accent, #081541 ) 5%, #fff );
}