/* =========================================================
   Comfyo — free-shipping progress (Mini Cart drawer + /koszyk/).
   Markup is built by assets/js/comfyo-free-shipping.js; state comes from
   WooCommerce (inc/free-shipping.php). Only design-system tokens.
   ========================================================= */

.comfyo-fs[hidden]{
	display: none !important;
}

.comfyo-fs{
	margin: 0 0 16px;
	padding: 12px 14px 14px;
	background: var(--c-cream);
	border: 1px solid var(--c-line);
	border-radius: 10px;
	color: var(--c-ink);
	box-sizing: border-box;
	max-width: 100%;
}

.comfyo-fs__msg{
	margin: 0 0 10px !important;
	padding: 0;
	font-size: 14px;
	line-height: 1.45;
	color: var(--c-ink);
	overflow-wrap: anywhere;
}

.comfyo-fs__amount{
	font-weight: 600;
	color: var(--c-accent-dark);
	white-space: nowrap;
}

.comfyo-fs__heart{
	color: var(--c-accent);
	font-size: 15px;
	line-height: 1;
}

.comfyo-fs__track{
	position: relative;
	height: 4px;
	border-radius: 999px;
	background: var(--c-cream-deep);
	overflow: hidden;
}

.comfyo-fs__fill{
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--c-accent);
	transform-origin: left center;
	transform: scaleX(0);
	transition: transform 0.45s ease, background-color 0.3s ease;
}

.comfyo-fs[data-state="achieved"] .comfyo-fs__msg{
	color: var(--c-accent-dark);
	font-weight: 500;
}

.comfyo-fs[data-state="achieved"] .comfyo-fs__fill{
	background: var(--c-accent-dark);
}

/* Drawer: sits as the first element of the footer, above subtotal and buttons. */
.wc-block-mini-cart__footer .comfyo-fs{
	margin: 0 0 14px;
}

/* /koszyk/: directly above "Przejdź do płatności" in the order summary. */
.comfyo-fs--cart{
	margin: 4px 0 16px;
}

@media (prefers-reduced-motion: reduce){
	.comfyo-fs__fill{
		transition: none;
	}
}