/**
 * BearBox Free Shipping Bar
 * Sopstveni, samostalni stilovi (prefiks .bbfs-). Boje dolaze iz CSS varijabli
 * koje plugin ubaci inline iz podešavanja (BearBox brending je default).
 */

:root {
	--bbfs-bg: #446084;
	--bbfs-text: #ffffff;
	--bbfs-accent: #22c55e;
	--bbfs-accent-2: #a3e635;
	--bbfs-danger: #ff4d5e;
}

.bbfs-wrap {
	box-sizing: border-box;
	padding: 14px 16px;
	margin: 0 0 16px;
	border-radius: 14px;
	background: var(--bbfs-bg);
	color: var(--bbfs-text);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	font-size: 14px;
	line-height: 1.3;
}

.bbfs-wrap * {
	box-sizing: border-box;
}

/* Glavni tekst / poruka */
.bbfs-text {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
	color: var(--bbfs-text);
}

/* Iznos koji fali — istaknut zelenom */
.bbfs-text .amount,
.bbfs-text .woocommerce-Price-amount {
	white-space: nowrap;
	color: var(--bbfs-accent);
	font-weight: 800;
}

/* Progress traka */
.bbfs-progress {
	height: 10px;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	overflow: hidden;
	position: relative;
}

.bbfs-bar {
	display: block;
	height: 100%;
	width: 0%;
	border-radius: 999px;
	/* Default (i reached) = brend zeleni gradient; progres boju postavlja inline stil (crvena→zelena). */
	background: linear-gradient(90deg, var(--bbfs-accent), var(--bbfs-accent-2));
	box-shadow: 0 0 18px rgba(34, 197, 94, 0.35);
	transition: width 0.6s ease, background 0.6s ease, box-shadow 0.6s ease;
}

/* Meta red ispod bara */
.bbfs-meta {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	opacity: 0.95;
	margin-top: 8px;
	color: var(--bbfs-text);
}

.bbfs-meta b {
	font-weight: 800;
}

/* "U korpi" iznos — crven dok prag nije ispunjen */
.bbfs-wrap.bbfs--progress .bbfs-current,
.bbfs-wrap.bbfs--progress .bbfs-current .woocommerce-Price-amount {
	color: var(--bbfs-danger);
}

/* "Besplatna dostava" prag — uvek zelen */
.bbfs-threshold,
.bbfs-threshold .woocommerce-Price-amount {
	color: var(--bbfs-accent);
}

/* Stanje: prag dostignut → samo poruka + pun bar, bez meta linije */
.bbfs-wrap.bbfs--reached .bbfs-bar {
	width: 100% !important;
}

.bbfs-wrap.bbfs--reached .bbfs-text {
	color: var(--bbfs-text);
}

.bbfs-wrap.bbfs--reached .bbfs-meta {
	display: none;
}

/* Mini-cart i checkout → samo poruka iznad + bar (bez meta linije) */
.bbfs-wrap.bbfs--mini_cart .bbfs-meta,
.bbfs-wrap.bbfs--checkout .bbfs-meta {
	display: none;
}

/* Mini-cart: kompaktnije */
.bbfs-wrap.bbfs--mini_cart {
	padding: 12px;
	margin-bottom: 12px;
	font-size: 13px;
}

.bbfs-wrap.bbfs--mini_cart .bbfs-text {
	font-size: 13px;
	margin-bottom: 8px;
}

.bbfs-mini-cart-fragment:empty {
	display: none;
}

/* Stranica proizvoda: malo razmaka od dugmeta */
.bbfs-wrap.bbfs--product {
	margin-top: 16px;
}

/* Mobile */
@media (max-width: 768px) {
	.bbfs-wrap {
		padding: 12px 14px;
	}

	.bbfs-meta {
		font-size: 11px;
	}
}