/**
 * Pure Rodjus – progress bar besplatne poštarine (shortcode + checkout)
 */

:root {
	--pure-rodjus-teal: #0D6659;
	--pure-rodjus-teal-shadow: rgba(13, 102, 89, 0.15);
	--pure-rodjus-mauve: #936077;
	--pure-rodjus-cream: #FBF3E4;
}

/* Progress bar – shortcode i checkout */
.pure-rodjus-fs-progress {
	width: 100%;
	padding: 0 20px;
}

.pure-rodjus-fs-values {
	display: flex;
	align-items: center;
	gap: 10px;
}

.pure-rodjus-fs-current,
.pure-rodjus-fs-threshold {
	font-weight: 600;
	font-size: 0.95em;
	color: var(--pure-rodjus-teal);
	white-space: nowrap;
}

.pure-rodjus-fs-bar-wrap {
	flex: 1;
	height: 10px;
	background: #e5e7eb;
	border-radius: 50px;
	overflow: hidden;
}

.pure-rodjus-fs-bar {
	height: 100%;
	background: var(--pure-rodjus-teal);
	border-radius: 50px;
	transition: width 0.5s ease-out;
}

.pure-rodjus-fs-qualified .pure-rodjus-fs-bar {
	background: #16a34a;
}

.pure-rodjus-fs-below {
	margin: 8px 0 0;
	font-size: 0.9em;
	color: var(--pure-rodjus-teal);
	font-weight: 500;
}

.pure-rodjus-fs-qualified .pure-rodjus-fs-below {
	color: #16a34a;
}

/* Animacija za tekst ispod (header / shortcode) */
.pure-rodjus-fs-animate {
	animation: pure-rodjus-fs-text-in 0.5s ease-out;
}

@keyframes pure-rodjus-fs-text-in {
	0% {
		opacity: 0;
		transform: translateY(-4px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mini cart – progress bar */
.pure-rodjus-mini-cart-progress {
	padding: 10px 1em 12px;
	border-top: 1px solid #eee;
}
.pure-rodjus-mini-cart-progress .pure-rodjus-fs-current,
.pure-rodjus-mini-cart-progress .pure-rodjus-fs-threshold {
	font-size: 0.85em;
}
.pure-rodjus-mini-cart-progress .pure-rodjus-fs-below {
	font-size: 0.82em;
	margin-top: 6px;
}

/* WPC Fly Cart (woofc) – progress bar u area-bot */
.woofc-area-bot .pure-rodjus-woofc-progress {
	padding: 10px 1em 12px;
	margin: 0 -1em;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	color: #fff;
}
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-current,
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-threshold,
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-below,
.woofc-area-bot .pure-rodjus-woofc-progress .woocommerce-Price-amount {
	color: #fff;
}
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-current,
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-threshold {
	font-size: 0.8em;
}
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-below {
	font-size: 0.78em;
	margin-top: 5px;
}
.woofc-area-bot .pure-rodjus-woofc-progress .pure-rodjus-fs-bar-wrap {
	height: 8px;
}

/* Checkout – red iznad shipping */
.pure-rodjus-delivery-row td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	vertical-align: middle !important;
	border: none !important;
}

.pure-rodjus-delivery-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
}

/* Poravnanje shortcode-a (top bar) */
.pure-rodjus-fs-notice-bar,
.pure-rodjus-free-shipping-bar {
	width: 100%;
}
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-left,
.pure-rodjus-free-shipping-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-left {
	justify-content: flex-start;
}
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-center,
.pure-rodjus-free-shipping-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-center {
	justify-content: center;
}
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-right,
.pure-rodjus-free-shipping-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-right {
	justify-content: flex-end;
}

.pure-rodjus-delivery-badge {
	display: inline-block;
	padding: 4px 14px 6px 14px;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.3;
	color: var(--pure-rodjus-teal);
	background: var(--pure-rodjus-cream);
	border: 1px solid var(--pure-rodjus-mauve);
	border-radius: 50px;
	box-shadow: 0 1px 3px var(--pure-rodjus-teal-shadow);
}

.pure-rodjus-delivery-truck {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--pure-rodjus-teal);
	animation: pure-rodjus-truck-drive 1.2s ease-out forwards;
	transform: translateX(-50px);
	opacity: 0;
}

@keyframes pure-rodjus-truck-drive {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	85% {
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}