/**
 * Commerce Kit – Besplatna dostava (frontend)
 * Klase ck-* + legacy pure-rodjus-* za kompatibilnost.
 */

:root {
	--ck-fs-teal: #2563eb;
	--ck-fs-teal-shadow: rgba(37, 99, 235, 0.15);
	--ck-fs-accent: #7c3aed;
	--ck-fs-cream: #eff6ff;
}

.ck-fs-progress,
.pure-rodjus-fs-progress {
	width: 100%;
	padding: 0 20px;
}

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

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

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

.ck-fs-bar,
.pure-rodjus-fs-bar {
	height: 100%;
	border-radius: 50px;
	transition: width 0.5s ease-out;
}

.ck-fs-qualified .ck-fs-bar,
.pure-rodjus-fs-qualified .pure-rodjus-fs-bar {
	background: #16a34a !important;
	background-color: #16a34a !important;
}

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

.ck-fs-qualified .ck-fs-below,
.pure-rodjus-fs-qualified .pure-rodjus-fs-below {
	color: var(--ck-fs-progress-text-color, var(--ck-fs-teal));
}

.ck-fs-qualified .ck-fs-current,
.ck-fs-qualified .ck-fs-threshold,
.pure-rodjus-fs-qualified .pure-rodjus-fs-current,
.pure-rodjus-fs-qualified .pure-rodjus-fs-threshold {
	color: var(--ck-fs-progress-text-color, var(--ck-fs-teal));
}

.ck-fs-progress--message-only,
.pure-rodjus-fs-progress--message-only {
	padding-top: 4px;
	padding-bottom: 4px;
}

.ck-fs-progress--message-only .ck-fs-below,
.pure-rodjus-fs-progress--message-only .pure-rodjus-fs-below {
	margin: 0;
}

.ck-fs-progress--message-only.ck-fs-qualified .ck-fs-below,
.pure-rodjus-fs-progress--message-only.pure-rodjus-fs-qualified .pure-rodjus-fs-below {
	color: inherit;
	font-weight: inherit;
}

.ck-fs-extra-note,
.pure-rodjus-fs-extra-note {
	margin: 8px 0 0;
	font-size: 0.82em;
	line-height: 1.35;
	color: var(--ck-fs-progress-text-color, var(--ck-fs-accent));
	opacity: 0.92;
}

.ck-fs-animate,
.pure-rodjus-fs-animate {
	animation: ck-fs-text-in 0.5s ease-out;
}

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

@media (prefers-reduced-motion: no-preference) {
	.ck-fs-below.ck-fs-below--pulse,
	.pure-rodjus-fs-below.pure-rodjus-fs-below--pulse {
		transform-origin: center center;
		animation: ck-fs-message-pulse 2.5s ease-in-out infinite !important;
	}
}

@keyframes ck-fs-message-pulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.06);
	}
}

.ck-checkout-progress,
.ck-mini-cart-progress,
.pure-rodjus-mini-cart-progress {
	padding: 10px 1em 12px;
	border-top: 1px solid #eee;
}

.ck-checkout-progress {
	padding: 12px 0 4px;
	margin: 0 0 8px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ck-mini-cart-progress .ck-fs-current,
.ck-mini-cart-progress .ck-fs-threshold,
.ck-mini-cart-progress .ck-fs-below,
.ck-mini-cart-progress .ck-fs-extra-note,
.pure-rodjus-mini-cart-progress .pure-rodjus-fs-current,
.pure-rodjus-mini-cart-progress .pure-rodjus-fs-threshold {
	font-size: 0.85em;
}

.ck-mini-cart-progress .woocommerce-Price-amount,
.ck-mini-cart-progress .woocommerce-Price-amount *,
.ck-mini-cart-progress .amount,
.ck-mini-cart-progress .amount *,
.wc-block-mini-cart .ck-mini-cart-progress .wc-block-formatted-money-amount,
.wc-block-mini-cart .ck-mini-cart-progress .wc-block-components-formatted-money-amount {
	color: inherit !important;
}

.woofc-area-bot .ck-woofc-progress,
.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 .ck-woofc-progress .ck-fs-current,
.woofc-area-bot .ck-woofc-progress .ck-fs-threshold,
.woofc-area-bot .ck-woofc-progress .ck-fs-below,
.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 .ck-woofc-progress .woocommerce-Price-amount,
.woofc-area-bot .ck-woofc-progress.ck-fs-qualified .ck-fs-current,
.woofc-area-bot .ck-woofc-progress .ck-fs-qualified .ck-fs-current,
.woofc-area-bot .ck-woofc-progress .ck-fs-qualified .ck-fs-threshold,
.woofc-area-bot .ck-woofc-progress .ck-fs-qualified .ck-fs-below {
	color: var(--ck-fs-progress-text-color, #fff);
}

.ck-delivery-row td,
.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;
}

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

.ck-fs-notice-bar,
.ck-free-shipping-bar,
.pure-rodjus-fs-notice-bar,
.pure-rodjus-free-shipping-bar {
	width: 100%;
}

.ck-fs-notice-bar .ck-delivery-wrap.ck-delivery-align-left,
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-left {
	justify-content: flex-start;
}

.ck-fs-notice-bar .ck-delivery-wrap.ck-delivery-align-center,
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-center {
	justify-content: center;
}

.ck-fs-notice-bar .ck-delivery-wrap.ck-delivery-align-right,
.pure-rodjus-fs-notice-bar .pure-rodjus-delivery-wrap.pure-rodjus-delivery-align-right {
	justify-content: flex-end;
}

@property --ck-topbar-offset {
	syntax: '<length>';
	inherits: true;
	initial-value: 0px;
}

@property --ck-sticky-header-top {
	syntax: '<length>';
	inherits: true;
	initial-value: 0px;
}

html.ck-has-commerce-topbar {
	--ck-topbar-motion-duration: 0.42s;
	--ck-topbar-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.ck-fs-topbar-shell,
.pure-rodjus-fs-topbar-shell {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
	transform: translate3d(0, 0, 0);
	transition:
		transform var(--ck-topbar-motion-duration, 0.42s) var(--ck-topbar-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		opacity calc(var(--ck-topbar-motion-duration, 0.42s) * 0.85) ease;
	will-change: transform, opacity;
	backface-visibility: hidden;
}

body.admin-bar .ck-fs-topbar-shell,
body.admin-bar .pure-rodjus-fs-topbar-shell {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .ck-fs-topbar-shell,
	body.admin-bar .pure-rodjus-fs-topbar-shell {
		top: 46px;
	}
}

.ck-fs-topbar-shell.ck-fs-topbar-shell--hidden,
.pure-rodjus-fs-topbar-shell.pure-rodjus-fs-topbar-shell--hidden {
	transform: translate3d(0, -100%, 0);
	opacity: 0;
	pointer-events: none;
}

html.ck-has-commerce-topbar body {
	padding-top: var(--ck-topbar-offset, 0px);
	transition: padding-top var(--ck-topbar-motion-duration, 0.42s) var(--ck-topbar-motion-ease, cubic-bezier(0.22, 1, 0.36, 1));
}

@media (prefers-reduced-motion: reduce) {
	html.ck-has-commerce-topbar {
		--ck-topbar-motion-duration: 0.01ms;
	}

	.ck-fs-topbar-shell,
	.pure-rodjus-fs-topbar-shell,
	html.ck-has-commerce-topbar body {
		transition: none;
	}
}

.ck-fs-header-topbar,
.pure-rodjus-fs-header-topbar {
	--ck-topbar-height: 35px;
	--ck-topbar-bg: #1e40af;
	--ck-topbar-color: #ffffff;
	--ck-topbar-duration: 48s;
	--ck-topbar-message-gap: 48px;
	width: 100%;
	height: var(--ck-topbar-height);
	box-sizing: border-box;
	background: var(--ck-topbar-bg);
	color: var(--ck-topbar-color);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

html.ck-has-commerce-topbar.ck-topbar-always-visible body {
	transition: none;
}

html.ck-has-commerce-topbar.ck-topbar-always-visible .elementor-location-header .elementor-sticky--active:not(.elementor-sticky__spacer) {
	transition:
		background-color 0.3s ease,
		box-shadow 0.3s ease,
		backdrop-filter 0.3s ease !important;
}

html.ck-has-commerce-topbar .elementor-location-header .elementor-sticky--active:not(.elementor-sticky__spacer) {
	top: var(--ck-sticky-header-top, var(--ck-topbar-offset, 0px)) !important;
	transition:
		top var(--ck-topbar-motion-duration, 0.42s) var(--ck-topbar-motion-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		background-color 0.3s ease,
		box-shadow 0.3s ease,
		backdrop-filter 0.3s ease !important;
}

.ck-fs-topbar-inner,
.pure-rodjus-fs-topbar-inner {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.ck-fs-topbar-text,
.pure-rodjus-fs-topbar-text {
	margin: 0;
	padding: 0;
	font-family: var(--ck-topbar-font-family, 'Cabin', sans-serif);
	font-size: var(--ck-topbar-font-size, 16px);
	font-weight: var(--ck-topbar-font-weight, 600);
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: inherit;
}

/* Marquee – beskonačna petlja, tekst uvek vidljiv */
.ck-fs-header-topbar--marquee .ck-fs-topbar-inner,
.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-inner {
	overflow: hidden;
}

.ck-fs-header-topbar--marquee .ck-fs-topbar-track,
.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-track {
	display: flex;
	align-items: center;
	width: max-content;
	flex-wrap: nowrap;
	animation: ck-topbar-marquee var(--ck-topbar-duration, 48s) linear infinite;
	will-change: transform;
}

.ck-fs-header-topbar--marquee .ck-fs-topbar-group,
.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-group {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.ck-fs-topbar-item,
.pure-rodjus-fs-topbar-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	padding-inline: 0;
	white-space: nowrap;
}

.ck-fs-topbar-group .ck-fs-topbar-item + .ck-fs-topbar-item,
.ck-fs-topbar-group .ck-fs-topbar-item + .ck-fs-topbar-sep,
.ck-fs-topbar-group .ck-fs-topbar-sep + .ck-fs-topbar-item,
.pure-rodjus-fs-topbar-group .pure-rodjus-fs-topbar-item + .pure-rodjus-fs-topbar-item,
.pure-rodjus-fs-topbar-group .pure-rodjus-fs-topbar-item + .pure-rodjus-fs-topbar-sep,
.pure-rodjus-fs-topbar-group .pure-rodjus-fs-topbar-sep + .pure-rodjus-fs-topbar-item,
.ck-fs-topbar-static .ck-fs-topbar-item + .ck-fs-topbar-item,
.ck-fs-topbar-static .ck-fs-topbar-item + .ck-fs-topbar-sep,
.ck-fs-topbar-static .ck-fs-topbar-sep + .ck-fs-topbar-item,
.pure-rodjus-fs-topbar-static .pure-rodjus-fs-topbar-item + .pure-rodjus-fs-topbar-item,
.pure-rodjus-fs-topbar-static .pure-rodjus-fs-topbar-item + .pure-rodjus-fs-topbar-sep,
.pure-rodjus-fs-topbar-static .pure-rodjus-fs-topbar-sep + .pure-rodjus-fs-topbar-item {
	margin-inline-start: var(--ck-topbar-message-gap, 48px);
}

.ck-fs-header-topbar .ck-fs-topbar-item .ck-fs-topbar-text,
.pure-rodjus-fs-header-topbar .pure-rodjus-fs-topbar-item .pure-rodjus-fs-topbar-text {
	padding: 0;
}

.ck-fs-header-topbar .ck-delivery-truck--topbar,
.pure-rodjus-fs-header-topbar .pure-rodjus-delivery-truck--topbar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: inherit;
	animation: none;
	transform: none;
	opacity: 1;
}

.ck-fs-header-topbar .ck-delivery-truck--topbar svg,
.ck-fs-header-topbar .ck-delivery-truck--topbar .ck-delivery-icon-img,
.pure-rodjus-fs-header-topbar .pure-rodjus-delivery-truck--topbar svg,
.pure-rodjus-fs-header-topbar .pure-rodjus-delivery-truck--topbar .pure-rodjus-delivery-icon-img {
	width: 20px;
	height: 20px;
	display: block;
}

.ck-topbar-gift-icon,
.pure-rodjus-topbar-gift-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	color: inherit;
}

.ck-topbar-gift-icon svg,
.pure-rodjus-topbar-gift-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.ck-fs-topbar-sep,
.pure-rodjus-fs-topbar-sep {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding-inline: 0;
	opacity: 0.75;
	font-weight: 400;
}

@keyframes ck-topbar-marquee {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

/* Statičan prikaz */
.ck-fs-header-topbar--static .ck-fs-topbar-inner,
.pure-rodjus-fs-header-topbar--static .pure-rodjus-fs-topbar-inner {
	justify-content: center;
	padding-inline: clamp(12px, 3vw, 24px);
}

.ck-fs-topbar-static,
.pure-rodjus-fs-topbar-static {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 0;
	width: 100%;
	min-width: 0;
}

.ck-fs-header-topbar--static .ck-fs-topbar-item,
.pure-rodjus-fs-header-topbar--static .pure-rodjus-fs-topbar-item {
	max-width: 100%;
	padding-inline: 0;
}

.ck-fs-header-topbar--static .ck-fs-topbar-text,
.pure-rodjus-fs-header-topbar--static .pure-rodjus-fs-topbar-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 480px) {
	.ck-fs-header-topbar--static .ck-fs-topbar-text,
	.pure-rodjus-fs-header-topbar--static .pure-rodjus-fs-topbar-text {
		font-size: max(11px, calc(var(--ck-topbar-font-size, 16px) - 2px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.ck-fs-header-topbar--marquee .ck-fs-topbar-track,
	.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-track {
		animation: none;
		transform: none;
		justify-content: center;
		width: 100%;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.ck-fs-header-topbar--marquee .ck-fs-topbar-track::-webkit-scrollbar,
	.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-track::-webkit-scrollbar {
		display: none;
	}

	.ck-fs-header-topbar--marquee .ck-fs-topbar-group--clone,
	.pure-rodjus-fs-header-topbar--marquee .pure-rodjus-fs-topbar-group--clone {
		display: none;
	}
}

.ck-fs-notice-bar--elementor-placeholder {
	padding: 10px 16px;
	background: var(--ck-fs-cream);
	border: 1px dashed var(--ck-fs-teal);
	border-radius: 8px;
}

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

.ck-delivery-wrap--no-icon,
.pure-rodjus-delivery-wrap--no-icon {
	gap: 0;
	min-height: 0;
}

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

.ck-delivery-truck .ck-delivery-icon-img,
.pure-rodjus-delivery-truck .pure-rodjus-delivery-icon-img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	display: block;
}

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