/* "Add $23.50 more for free shipping" in the cart and checkout order summary. (Doubled class:
   WooCommerce's summary styles reset the padding of what's placed there.) */
.swc-fs.swc-fs {
	margin: 12px 0 4px;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--wp--preset--color--accent-2, #efe6d8);
}

.swc-fs__text {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 600;
}

.swc-fs__bar {
	height: 6px;
	margin-top: 8px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.swc-fs__bar span {
	display: block;
	height: 100%;
	border-radius: 3px;
	background: var(--wp--preset--color--accent-3, #3f6b3a);
	transition: width 0.3s;
}

.swc-fs.is-done .swc-fs__text {
	color: var(--wp--preset--color--accent-3, #3f6b3a);
}

/* The checkout summary's own rows are inset; line up with them. */
.wp-block-woocommerce-checkout-order-summary-block .swc-fs.swc-fs {
	margin-left: 16px;
	margin-right: 16px;
}

/* Mini-cart: above the subtotal. */
.swc-fs.swc-fs--mini {
	margin: 0 0 12px;
}

.swc-fs__bar[hidden] {
	display: none;
}