/* PB USP traka (prototip: .topbar / .usp, CSS v14) */
.pbw-usp {
	background: var(--surface-dark);
	color: var(--text-on-dark);
	font-family: var(--pbw-f-body);
	font-size: .84rem;
	height: 34px;
	overflow: hidden;
}

.pbw-usp__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	height: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 24px;
}

.pbw-usp__list {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 26px;
	min-width: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pbw-usp__item {
	display: flex;
	white-space: nowrap;
}

.pbw-usp a.pbw-usp__link,
.pbw-usp span.pbw-usp__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: inherit;
	font: inherit;
	text-decoration: none;
}

/* Globalna boja linkova iz Site Settings ne smije obojiti traku. */
.pbw-usp a.pbw-usp__link:hover,
.pbw-usp a.pbw-usp__link:focus,
.pbw-usp a.pbw-usp__rlink:hover,
.pbw-usp a.pbw-usp__rlink:focus {
	color: inherit;
}

.pbw-usp b {
	font-weight: 600;
}

.pbw-usp .pbw-icon {
	display: inline-flex;
	flex: none;
	width: 16px;
	height: 16px;
}

.pbw-usp .pbw-icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

/* Vlastite (Elementor) ikone su pune, pa im boju dajemo preko fill. */
.pbw-usp span.pbw-icon svg {
	fill: currentColor;
}

.pbw-usp__right {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 20px;
	white-space: nowrap;
}

.pbw-usp a.pbw-usp__rlink,
.pbw-usp span.pbw-usp__rlink {
	color: inherit;
	text-decoration: none;
}

.pbw-usp a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

@media (max-width: 900px) {
	.pbw-usp {
		height: 32px;
	}

	.pbw-usp__list {
		justify-content: center;
		width: 100%;
	}

	.pbw-usp__inner {
		justify-content: center;
	}
}

@media (max-width: 760px) {
	.pbw-usp__list {
		gap: 18px;
	}
}

@media (max-width: 560px) {
	.pbw-usp__inner {
		padding: 0 16px;
	}
}

@media (max-width: 420px) {
	.pbw-usp {
		font-size: .8rem;
	}

	.pbw-usp__list {
		gap: 14px;
	}
}

@media (max-width: 374px) {
	.pbw-usp .pbw-icon {
		width: 15px;
		height: 15px;
	}
}

/* ---------- Koncept: tanka bijela traka s tekstom, bez ikona, desno savjet pri odabiru ----------
   Jača specifičnost od stila widgeta (pozadina i boja iz Elementora). */
.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp {
	height: 34px;
	border-bottom: 1px solid var(--border);
	background: transparent;
	color: var(--text) !important;
	font-size: .82rem;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp .pbw-icon {
	display: none;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp b {
	font-weight: 400;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp__list {
	gap: 0;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp__item + .pbw-usp__item::before {
	content: "·";
	margin: 0 .7em;
	color: var(--text-secondary);
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp__right {
	color: var(--text-secondary);
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp__right b {
	color: var(--text);
	font-weight: 500;
}

/* ---------- Pokretna vrpca: crna, stavke klize u petlji od ruba do ruba, rubovi se blago gube ---------- */
.pbw-usp--marquee {
	position: relative;
	display: flex;
	align-items: center;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp.pbw-usp--marquee {
	border-bottom: 0;
	background: var(--bg-dark);
	color: var(--text-on-dark) !important;
}

/* Rubovi: crni prijelaz preko teksta, da stavke ne izlaze naglo */
.pbw-usp--marquee::before,
.pbw-usp--marquee::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 56px;
	pointer-events: none;
}

.pbw-usp--marquee::before {
	left: 0;
	background: linear-gradient(90deg, var(--bg-dark), transparent);
}

.pbw-usp--marquee::after {
	right: 0;
	background: linear-gradient(270deg, var(--bg-dark), transparent);
}

.pbw-usp--marquee .pbw-usp__track {
	display: flex;
	flex: none;
	width: max-content;
	animation: pbw-usp-mq 50s linear infinite;
	will-change: transform;
}

/* Širina prati sadržaj i na mobitelu: s width: 100% lista je dvostruko šira od teksta, pa vrpca dio petlje ostane prazna */
.pbw-usp--marquee .pbw-usp__list {
	flex: none;
	justify-content: flex-start;
	width: auto;
	overflow: visible;
}

.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp--marquee .pbw-usp__list {
	gap: 0;
}

/* Bez razdjelnika: samo razmak iza svake stavke (i na spoju dviju kopija), da je svugdje isti */
.elementor-location-header .elementor-widget-pb_usp_bar .pbw-usp--marquee .pbw-usp__item + .pbw-usp__item::before {
	content: none;
}

.pbw-usp--marquee .pbw-usp__item {
	padding-right: 4.5em;
}

/* Vrpca je samo tekst: ne staje na hover i ništa se ne može kliknuti */
.pbw-usp--marquee {
	cursor: default;
}

@keyframes pbw-usp-mq {
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

/* Bez animacije: jedan statičan red, centriran */
@media (prefers-reduced-motion: reduce) {
	.pbw-usp--marquee {
		justify-content: center;
	}

	.pbw-usp--marquee::before,
	.pbw-usp--marquee::after {
		content: none;
	}

	.pbw-usp--marquee .pbw-usp__track {
		animation: none;
	}

	.pbw-usp--marquee .pbw-usp__list[aria-hidden="true"],
	.pbw-usp--marquee .pbw-usp__item[aria-hidden="true"] {
		display: none;
	}
}

/* Blagajna (WooCommerce body klasa): traka ostaje, ali bez izlaza sa stranice. */
.woocommerce-checkout .pbw-usp--co-plain .pbw-usp__link {
	pointer-events: none;
}

.woocommerce-checkout .pbw-usp--co-plain .pbw-usp__right {
	display: none;
}