/* DS – Nemokamo pristatymo juosta v1.1.0 */

.ds-fsb-wrap {
	--ds-bar:   #5b8f6b;
	--ds-track: #e8f0eb;
	--ds-text:  #3a3a3a;

	box-sizing: border-box;
	width:      100%;
	padding:    14px 18px;
	margin:     0 0 24px;
	background: var(--ds-track);
	border-radius: 10px;
	font-family: inherit;
}

/* ── Message text ─────────────────────────────────────────── */

.ds-fsb-message {
	margin:      0 0 10px;
	font-size:   0.93rem;
	font-weight: 600;
	color:       var(--ds-text);
	line-height: 1.4;
	text-align:  center;
}

.ds-fsb-message .woocommerce-Price-amount {
	color: var(--ds-bar);
}

/* ── Progress track ───────────────────────────────────────── */

.ds-fsb-track {
	width:         100%;
	height:        10px;
	background:    rgba(0,0,0,.1);
	border-radius: 99px;
	overflow:      hidden;
}

/* ── Fill bar ─────────────────────────────────────────────── */

.ds-fsb-fill {
	height:           100%;
	background:       var(--ds-bar);
	border-radius:    99px;
	transition:       width .45s ease;
	min-width:        0;
	max-width:        100%;
}

/* "Done" pulse animation */
.ds-fsb-fill--done {
	background:  var(--ds-bar);
	animation:   ds-fsb-pulse 1.4s ease-in-out 1;
}

@keyframes ds-fsb-pulse {
	0%   { opacity: 1; }
	50%  { opacity: .6; }
	100% { opacity: 1; }
}

/* ── Checkout page: slightly narrower on wide screens ──────── */

.woocommerce-checkout .ds-fsb-wrap {
	max-width: 780px;
	margin-left:  auto;
	margin-right: auto;
}

/* ── Mobile tweaks ─────────────────────────────────────────── */

@media ( max-width: 600px ) {
	.ds-fsb-message {
		font-size: 0.85rem;
	}
}