/* Visina gumba i polja uključuje unutarnji razmak i obrub (inače min-height od 48 px daje ~74 px). */
.plt-gumb,
.plt-kolicina,
.plt-kolicina *,
.plt-zelja-ikona,
.plt-brzi-pregled-gumb,
.plt-filtar__gumb,
.plt-traka-kupnje__dodaj,
.plt-recenzije button,
.plt-podaci__kartice button {
	box-sizing: border-box;
}

/* Blokovi trgovine (platterra-blocks). Boje dolaze iz tokena teme (--plt-*), uz zamjenske vrijednosti. */

.plt-oznaka-linije {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 2px;
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	line-height: 1.6;
	text-transform: uppercase;
}

.plt-kratki-podaci {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--plt-muted, #516153);
}

.plt-kratki-podaci__tekst {
	margin: 0;
}

/* Zaliha (proizvodi sa zalihom, Instant): istaknuta informacija, ne gumb (Marko 2. 11.) – blaga podloga u nijansi
 * naglasne boje (zelena, u tamnom načinu bordo), točkica stanja, tekst u boji teksta. */
.plt-zaliha,
.plt-proizvod__dostupnost.plt-zaliha {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto;
	padding: 4px 10px 4px 8px;
	border-left: 3px solid var(--plt-accent, #164B34);
	border-radius: 2px;
	background: color-mix(in srgb, var(--plt-accent, #164B34) 10%, transparent);
	color: var(--plt-ink, inherit) !important;
	font-family: var(--wp--preset--font-family--figtree, inherit);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: default;
}

.plt-zaliha::before,
.plt-proizvod__dostupnost.plt-zaliha::before {
	content: "";
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--plt-accent, #164B34);
}

.plt-proizvod__dostupnost.plt-zaliha .stock {
	margin: 0;
	color: inherit !important;
	font: inherit;
}

.plt-zaliha--kartica {
	margin-bottom: 6px;
	padding: 2px 8px 2px 6px;
	gap: 6px;
	font-size: 0.75rem;
}

.plt-zaliha--kartica::before {
	width: 6px;
	height: 6px;
}

/* Nadogradnja C: ploča podataka (bez ikona), kratki sastav, poveznica na vodič */
.plt-sastav {
	display: grid;
	gap: 16px;
}

.plt-sastav__podaci {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 1.5fr);
	margin: 0;
	border-block: 1px solid var(--plt-line, #D9DED3);
}

.plt-sastav__podatak {
	padding: 18px 14px 18px 0;
}

.plt-sastav__podatak + .plt-sastav__podatak {
	padding-left: 16px;
	border-left: 1px solid var(--plt-line, #D9DED3);
}

.plt-sastav__podatak dt {
	margin-bottom: 6px;
	font-size: 0.6875rem;
	line-height: 1.4;
	color: var(--plt-muted, #516153);
}

.plt-sastav__podatak dd {
	margin: 0;
	font-weight: 550;
	font-size: 0.9375rem;
	line-height: 1.45;
}

.plt-sastav__popis {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.plt-sastav__popis li {
	padding: 5px 12px;
	border: 1px solid var(--plt-line, #D9DED3);
	border-radius: 999px;
	font-size: 0.8125rem;
	line-height: 1.3;
}

.plt-sastav__vodic {
	margin: 0;
	font-size: 0.9375rem;
}

.plt-sastav__vodic a {
	color: var(--plt-accent, #164B34);
	text-underline-offset: 4px;
}

@media (max-width: 520px) {
	.plt-sastav__podaci {
		grid-template-columns: 1fr 1fr;
	}

	.plt-sastav__podatak:nth-child(3) {
		grid-column: 1 / -1;
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid var(--plt-line, #D9DED3);
	}
}

/* Podaci o proizvodu: kartice (računalo) i harmonika (mobitel), demo v8.0 */
.plt-podaci {
	border-top: 1px solid var(--plt-line, #D9DED3);
}

.plt-podaci__kartice {
	display: none;
}

.plt-podaci__dio {
	border-bottom: 1px solid var(--plt-line, #D9DED3);
}

.plt-podaci__dio > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
	cursor: pointer;
	list-style: none;
	font-weight: 600;
	font-size: 0.9375rem;
}

.plt-podaci__dio > summary::-webkit-details-marker {
	display: none;
}

.plt-podaci__dio > summary::after {
	content: "";
	width: 9px;
	height: 9px;
	margin-right: 6px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-3px);
	transition: transform 0.25s ease;
}

.plt-podaci__dio[open] > summary::after {
	transform: rotate(225deg) translateY(-3px);
}

.plt-podaci__ploca {
	padding: 0 0 22px;
	font-size: 0.875rem;
	line-height: 1.8;
}

.plt-podaci__ploca > :first-child {
	margin-top: 0;
}

.plt-podaci__ploca p {
	max-width: 1000px;
	margin: 0 0 20px;
}

.plt-podaci__ploca h3 {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--figtree, Figtree, sans-serif);
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0;
}

.plt-podaci__ploca p + h3 {
	margin-top: 4px;
}

.plt-tablica {
	width: 100%;
	max-width: 760px;
	border-collapse: collapse;
	font-size: 0.8125rem;
	line-height: 1.7;
}

.plt-tablica th,
.plt-tablica td {
	padding: 12px 0;
	border-bottom: 1px solid var(--plt-line, #D9DED3);
	text-align: left;
	vertical-align: top;
}

.plt-tablica th {
	width: 36%;
	padding-right: 20px;
	color: var(--plt-muted, #516153);
	font-weight: 500;
}

@media (min-width: 782px) {
	.plt-podaci.is-kartice {
		border: 1px solid var(--plt-line, #D9DED3);
	}

	.plt-podaci.is-kartice .plt-podaci__kartice {
		display: flex;
		gap: 6px;
		padding: 10px 15px;
		background: var(--plt-surface, #EEF0E9);
		border-bottom: 1px solid var(--plt-line, #D9DED3);
	}

	.plt-podaci__kartice button {
		flex: 1 1 0;
		min-height: 46px;
		padding: 12px 16px;
		border: 1px solid transparent;
		border-radius: 4px;
		background: transparent;
		color: var(--plt-ink, #153C2C);
		font: 400 0.8125rem/1.5 var(--wp--preset--font-family--figtree, Figtree, sans-serif);
		cursor: pointer;
		transition: background-color 0.2s ease, color 0.2s ease;
	}

	.plt-podaci__kartice button:hover {
		border-color: var(--plt-line, #D9DED3);
	}

	.plt-podaci__kartice button[aria-selected="true"] {
		background: var(--plt-accent, #164B34);
		color: #fff;
	}

	.plt-podaci.is-kartice .plt-podaci__dio {
		border: 0;
	}

	.plt-podaci.is-kartice .plt-podaci__dio > summary {
		display: none;
	}

	.plt-podaci.is-kartice .plt-podaci__ploca {
		min-height: 210px;
		padding: 28px 30px;
	}
}

/* Nadogradnja E: Uz ovu platu */
.plt-uz-platu__naslov {
	margin: 0 0 16px;
	font-size: clamp(1.5rem, 2vw, 2rem);
}

.plt-uz-platu__popis {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(250px, 1fr);
	gap: 12px;
	margin: 0;
	padding: 0 0 6px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.plt-uz-platu__stavka {
	display: grid;
	grid-template-columns: 64px 1fr auto;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border-radius: 4px;
	background: var(--plt-surface, #EEF0E9);
	scroll-snap-align: start;
}

.plt-uz-platu__slika {
	display: block;
	line-height: 0;
}

.plt-uz-platu__slika img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.plt-uz-platu__tekst {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.plt-uz-platu__naziv {
	color: inherit;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.3;
	text-decoration: none;
}

.plt-uz-platu__naziv:hover {
	text-decoration: underline;
}

.plt-uz-platu__cijena {
	font-size: 0.875rem;
	color: var(--plt-muted, #516153);
}

.plt-uz-platu__dodaj,
.plt-kartica-dodaj {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: var(--plt-accent, #164B34);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.plt-uz-platu__dodaj:hover {
	background: var(--plt-accent-hover, #236044);
}

.plt-uz-platu__dodaj:active {
	transform: scale(0.94);
}

.plt-uz-platu__dodaj .plt-blok-ikona {
	transition: transform 0.3s cubic-bezier(0.22, 0.7, 0.2, 1), opacity 0.2s ease;
}

.plt-uz-platu__dodaj.is-u-tijeku .plt-blok-ikona {
	opacity: 0.4;
}

/* Kvačica nakon dodavanja: plus se okreće u kvačicu. */
.plt-uz-platu__dodaj::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 7px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(-45deg) scale(0.4);
	opacity: 0;
	transition: transform 0.3s cubic-bezier(0.22, 0.7, 0.2, 1), opacity 0.2s ease;
}

.plt-uz-platu__dodaj.is-dodano .plt-blok-ikona {
	transform: rotate(90deg) scale(0.4);
	opacity: 0;
}

.plt-uz-platu__dodaj.is-dodano::after {
	transform: translateY(-2px) rotate(-45deg) scale(1);
	opacity: 1;
}

/* Nadogradnja B: traka „✓ Dodano” */
.plt-dodano {
	position: fixed;
	z-index: 100001;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px);
	right: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: min(440px, calc(100vw - 24px));
	padding: 14px 18px;
	border-radius: 4px;
	background: var(--plt-accent, #164B34);
	color: #fff;
	font-weight: 600;
	font-size: 0.9375rem;
	box-shadow: 0 12px 40px rgba(4, 16, 10, 0.25);
	opacity: 0;
	transform: translateY(-12px);
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.22, 0.7, 0.2, 1);
}

.plt-dodano.is-vidljiva {
	opacity: 1;
	transform: none;
}

.plt-dodano.is-greska {
	background: var(--plt-error-bg, #F3EEE4);
	color: #7F1D1A;
	border: 1px solid #7F1D1A;
}

.plt-dodano.is-greska svg {
	display: none;
}

.plt-dodano svg {
	flex-shrink: 0;
	animation: plt-kvacica 0.45s cubic-bezier(0.22, 0.7, 0.2, 1) both;
}

@keyframes plt-kvacica {
	from {
		transform: scale(0.4);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.plt-dodano,
	.plt-dodano svg,
	.plt-uz-platu__dodaj .plt-blok-ikona,
	.plt-uz-platu__dodaj::after {
		transition: none;
		animation: none;
		transform: none;
	}
}

/* UX/UI 06: traka kupnje na mobitelu – zamjenjuje donju navigaciju dok je glavni gumb izvan kadra */
.plt-traka-kupnje {
	display: none;
}

@media (max-width: 760px) {
	.plt-traka-kupnje:not([hidden]) {
		position: fixed;
		z-index: 61;
		left: 0;
		right: 0;
		bottom: 0;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "tekst kolicina" "dodaj dodaj";
		gap: 8px 12px;
		align-items: center;
		margin: 0 !important;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: var(--plt-bg);
		border-top: 1px solid var(--plt-line);
		animation: plt-traka-ulaz 0.28s cubic-bezier(0.22, 0.7, 0.2, 1) both;
	}

	body.plt-kupnja-aktivna .plt-donja-traka {
		visibility: hidden;
	}

	body.plt-kupnja-aktivna {
		padding-bottom: calc(124px + env(safe-area-inset-bottom));
	}
}

@keyframes plt-traka-ulaz {
	from { transform: translateY(100%); }
}

@media (prefers-reduced-motion: reduce) {
	.plt-traka-kupnje:not([hidden]) {
		animation: none;
	}
}

.plt-traka-kupnje__tekst {
	grid-area: tekst;
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.plt-traka-kupnje__naziv {
	overflow: hidden;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.plt-traka-kupnje__cijena {
	color: var(--plt-muted);
	font-size: 0.875rem;
}

.plt-traka-kupnje .plt-kolicina {
	grid-area: kolicina;
	margin: 0;
}

.plt-traka-kupnje__dodaj {
	grid-area: dodaj;
	min-height: 48px;
	border: 0;
	border-radius: 4px;
	background: var(--plt-accent);
	color: #fff;
	font: 600 1rem var(--wp--preset--font-family--figtree);
	cursor: pointer;
}

.plt-traka-kupnje__dodaj:hover,
.plt-traka-kupnje__dodaj:focus-visible {
	background: var(--plt-accent-hover);
}

.plt-traka-kupnje__dodaj.is-u-tijeku {
	opacity: 0.7;
	cursor: progress;
}

/* Gumbi blokova trgovine (demo v8.0: 48 px, 13 px tekst) */
.plt-gumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 13px 25px;
	border: 1px solid var(--plt-accent, #164B34);
	border-radius: 4px;
	background: var(--plt-accent, #164B34);
	color: #fff;
	font: 400 0.8125rem/1.55 var(--wp--preset--font-family--figtree, Figtree, sans-serif);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.plt-gumb:hover,
.plt-gumb:focus-visible {
	border-color: var(--plt-accent-hover, #236044);
	background: var(--plt-accent-hover, #236044);
}

.plt-gumb--sporedni {
	border-color: var(--plt-line, #D9DED3);
	background: transparent;
	color: var(--plt-ink, #153C2C);
}

.plt-gumb--sporedni:hover,
.plt-gumb--sporedni:focus-visible {
	border-color: var(--plt-ink, #153C2C);
	background: transparent;
}

.plt-gumb.is-u-tijeku {
	opacity: 0.7;
	cursor: progress;
}

/* Količina − n + (demo v8.0) */
.plt-kolicina {
	display: inline-flex;
	align-items: center;
	margin: 0 0 18px;
	border: 1px solid var(--plt-line, #D9DED3);
	border-radius: 4px;
	background: var(--plt-surface, #EEF0E9);
}

.plt-kolicina button {
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--plt-ink, #153C2C);
	font: 400 1.1875rem/1 var(--wp--preset--font-family--figtree, Figtree, sans-serif);
	cursor: pointer;
}

.plt-kolicina button:hover {
	background: var(--plt-bg, #FFFEF9);
}

.plt-kolicina input {
	width: 57px;
	height: 46px;
	padding: 5px;
	border: 0;
	background: transparent;
	color: var(--plt-ink, #153C2C);
	font: 400 1rem var(--wp--preset--font-family--figtree, Figtree, sans-serif);
	text-align: center;
	-moz-appearance: textfield;
}

.plt-kolicina input::-webkit-outer-spin-button,
.plt-kolicina input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* Kupnja: količina, zatim „Dodajte u košaricu” i „Spremite na listu želja” */
.plt-kupnja__gumbi {
	display: flex;
	flex-wrap: wrap;
	gap: 11px;
}

@media (max-width: 520px) {
	.plt-kupnja__gumbi .plt-gumb {
		flex: 1 1 100%;
	}
}

/* Kartica: lista želja i brzi pregled (demo v8.0, cat3-card) */
.plt-kartica-akcije {
	position: static;
	margin: 0 !important;
}

.plt-zelja-ikona {
	position: absolute;
	z-index: 3;
	top: 12px;
	right: 12px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--plt-line, #D9DED3);
	background: var(--plt-bg, #FFFEF9);
	color: var(--plt-ink, #153C2C);
	cursor: pointer;
}

.plt-zelja-ikona[aria-pressed="true"] {
	color: var(--plt-accent, #164B34);
}

.plt-zelja-ikona[aria-pressed="true"] path {
	fill: currentColor;
}

.plt-brzi-pregled-gumb {
	position: absolute;
	z-index: 3;
	top: 12px;
	left: 12px;
	max-width: calc(100% - 76px);
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--plt-line, #D9DED3);
	background: var(--plt-bg, #FFFEF9);
	color: var(--plt-ink, #153C2C);
	font: 400 0.6875rem/1.3 var(--wp--preset--font-family--figtree, Figtree, sans-serif);
	cursor: pointer;
}

.plt-brzi-pregled-gumb[aria-busy="true"] {
	cursor: progress;
	opacity: 0.7;
}

@media (hover: hover) {
	.plt-brzi-pregled-gumb {
		visibility: hidden;
	}

	.plt-kartica:hover .plt-brzi-pregled-gumb,
	.plt-kartica:focus-within .plt-brzi-pregled-gumb {
		visibility: visible;
	}
}

/* Brzi pregled: modalni prozor */
html.plt-bez-pomicanja {
	overflow: hidden;
}

.plt-brzi-prozor {
	width: min(1080px, calc(100vw - 32px));
	max-width: none;
	max-height: calc(100dvh - 48px);
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: var(--plt-bg, #FFFEF9);
	color: var(--plt-ink, #153C2C);
	box-shadow: 0 24px 80px rgba(4, 16, 10, 0.3);
}

.plt-brzi-prozor::backdrop {
	background: rgba(9, 22, 16, 0.55);
}

.plt-brzi-prozor__glava {
	position: sticky;
	top: 0;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 30px;
	border-bottom: 1px solid var(--plt-line, #D9DED3);
	background: var(--plt-bg, #FFFEF9);
	font: 500 1rem var(--wp--preset--font-family--figtree, Figtree, sans-serif);
}

.plt-brzi-prozor__zatvori {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}

.plt-brzi-prozor__sadrzaj {
	padding: 30px;
}

.plt-brzi {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}

.plt-brzi__foto {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	padding: 6%;
	object-fit: contain;
	background: var(--plt-surface, #EEF0E9);
}

.plt-brzi__info > * + * {
	margin-top: 16px;
}

.plt-brzi__naziv {
	margin-top: 12px !important;
	font-size: clamp(2rem, 3vw, 2.75rem);
	line-height: 1.05;
}

.plt-brzi__dostupnost,
.plt-brzi__napomena {
	margin-bottom: 0;
	font-size: 0.75rem;
	color: var(--plt-muted, #516153);
}

.plt-brzi__cijena {
	margin-bottom: 0;
	font-family: var(--wp--preset--font-family--gloock, Georgia, serif);
	font-size: 2rem;
	line-height: 1;
}

.plt-brzi__dio {
	border-block: 1px solid var(--plt-line, #D9DED3);
}

.plt-brzi__dio summary {
	padding: 14px 0;
	font-weight: 600;
	font-size: 0.875rem;
	cursor: pointer;
}

.plt-brzi__dio > div {
	padding-bottom: 14px;
	font-size: 0.8125rem;
}

.plt-brzi__dio h3 {
	margin: 12px 0 4px;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0;
}

.plt-brzi__poveznice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	font-size: 0.875rem;
}

.plt-brzi__poveznice a {
	color: var(--plt-accent, #164B34);
	font-weight: 600;
}

.plt-brzi__poveznice button {
	padding: 0;
	border: 0;
	background: none;
	color: var(--plt-ink, #153C2C);
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.plt-brzi__kopirano {
	color: var(--plt-muted, #516153);
	font-size: 0.75rem;
}

@media (max-width: 760px) {
	.plt-brzi-prozor {
		width: 100vw;
		max-height: 100dvh;
		height: 100dvh;
		border-radius: 0;
	}

	.plt-brzi-prozor__glava,
	.plt-brzi-prozor__sadrzaj {
		padding: 16px 18px;
	}

	.plt-brzi {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* „Pogledajte sve →” */
.plt-pogledajte-sve {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	color: var(--plt-ink, #153C2C);
	font-size: 0.8125rem;
	text-decoration: none;
}

.plt-pogledajte-sve:hover {
	text-decoration: underline;
}

/* Lista želja */
.plt-lista-zelja__popis {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--plt-line, #D9DED3);
}

.plt-lista-zelja__stavka {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid var(--plt-line, #D9DED3);
}

.plt-lista-zelja__slika img {
	display: block;
	width: 96px;
	height: 96px;
	padding: 6px;
	object-fit: contain;
	background: var(--plt-surface, #EEF0E9);
}

.plt-lista-zelja__tekst {
	display: grid;
	gap: 4px;
}

.plt-lista-zelja__naziv {
	font-family: var(--wp--preset--font-family--gloock, Georgia, serif);
	font-size: 1.375rem;
	text-decoration: none;
	color: inherit;
}

.plt-lista-zelja__gumbi {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 600px) {
	.plt-lista-zelja__stavka {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.plt-lista-zelja__slika img {
		width: 72px;
		height: 72px;
	}

	.plt-lista-zelja__gumbi {
		grid-column: 1 / -1;
	}
}

/* A6: Combo paket – ušteda uz kupnju, sastav u opisu i u košarici */
.plt-paket-usteda {
	margin: 0 0 12px;
	font-size: 0.875rem;
	color: var(--wp--preset--color--contrast-2, currentColor);
}

.plt-paket-sastav {
	margin: 4px 0 0;
	padding-left: 1.1em;
}

.plt-paket-sastav li {
	margin: 2px 0;
}

/* Sastavnice paketa: kupac u košarici i mini košarici vidi samo paket (Marko 30. 10.) */
.wc-block-cart-items__row:has(.wc-block-components-product-details__iz-paketa) {
	display: none !important;
}

/* A6: „U ovom paketu” u desnom stupcu stranice proizvoda */
.plt-sastav__naslov {
	margin: 0 0 10px;
	font-family: var(--wp--preset--font-family--figtree, inherit);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.plt-paket-popis {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px;
}

.plt-paket-popis a,
.plt-paket-popis li > img {
	color: inherit;
	text-decoration: none;
}

.plt-paket-popis li,
.plt-paket-popis a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.9375rem;
}

.plt-paket-popis img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 8px;
	flex: none;
}

.plt-paket-popis__kol {
	min-width: 2.2em;
	font-weight: 700;
}

.plt-paket-popis a:hover .plt-paket-popis__naziv {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Preporuka uz ovaj članak (B4; demo v8.0 ct-v2-recommendations): 1–3 kartice plata ispod članka. */
.plt-preporuka {
	margin-top: clamp(40px, 5vw, 58px);
	padding-top: clamp(32px, 4vw, 42px);
	border-top: 1px solid var(--plt-line, #d9d6cc);
}

.plt-preporuka__zaglavlje {
	max-width: 860px;
	margin-bottom: 26px;
}

.plt-preporuka__zaglavlje h2 {
	margin: 0;
	font-size: clamp(31px, 3.4vw, 47px);
}

.plt-preporuka__kartice {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.plt-preporuka__kartice[data-broj="1"] {
	grid-template-columns: minmax(0, 440px);
}

.plt-preporuka__kartice[data-broj="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 920px;
}

.plt-preporuka__kartica {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--plt-line, #d9d6cc);
	border-radius: 24px;
	background: var(--plt-surface, #fff);
	color: var(--plt-ink, #1c1813);
}

.plt-preporuka__slika {
	display: block;
	aspect-ratio: 1.15;
	overflow: hidden;
	background: #eef0e9;
}

.plt-preporuka__slika img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.plt-preporuka__slika:hover img {
	transform: scale(1.03);
}

.plt-preporuka__tekst {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 23px;
}

.plt-preporuka__tekst .plt-oznaka-linije {
	margin-bottom: 13px;
}

.plt-preporuka__tekst h3 {
	margin: 0 0 10px;
	font-size: 30px;
	line-height: 1.12;
}

.plt-preporuka__tekst h3 a {
	display: flex;
	align-items: center;
	min-height: 44px;
	color: inherit;
	text-decoration: none;
}

.plt-preporuka__podaci {
	margin: 0 0 22px;
	font-size: 12px;
	line-height: 1.6;
	color: var(--plt-muted, #6b675e);
}

.plt-preporuka__kupnja {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid var(--plt-line, #d9d6cc);
}

.plt-preporuka__cijena {
	font-size: 22px;
	font-weight: 650;
	line-height: 1.3;
}

.plt-preporuka__cijena small {
	font-size: 12px;
	font-weight: 400;
	color: var(--plt-muted, #6b675e);
}

.plt-preporuka__dodaj[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}

@media (max-width: 781px) {
	.plt-preporuka__kartice,
	.plt-preporuka__kartice[data-broj="2"] {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* B2: proizvodi samo na upit (slane torte) */
.plt-na-upit {
	display: grid;
	gap: 12px;
	margin-block: 16px;
}

.plt-na-upit__napomena {
	margin: 0;
	font-size: 0.9375rem;
}

.plt-na-upit__cijena {
	font-family: var(--wp--preset--font-family--figtree, inherit);
	font-size: 1rem;
}

/* Gumb „Pošaljite upit” na kartici proizvoda: tekst u jednom redu (Marko 2. 11.: lomio se na mobitelu). */
.plt-kartica__upit {
	position: relative;
	z-index: 2;
	margin: 0;
	flex-shrink: 0;
}

.plt-kartica__upit .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 14px;
	font-size: 0.875rem;
	line-height: 1.2;
	white-space: nowrap;
}

/* Uske kartice (2 u retku na mobitelu): gumb u svom retku, preko cijele širine kartice. */
@media (max-width: 600px) {
	.plt-kartica__dno:has(.plt-kartica__upit) {
		flex-wrap: wrap;
	}

	.plt-kartica__upit,
	.plt-kartica__upit .wp-block-button__link {
		width: 100%;
	}
}

/* Vodič za kupnju (/odabir, blok platterra/vodic) – demo v8.0 guide-v3-r01.css, svijetla inačica stranice vodiča. */
.plt-vodic {
	--gv-serif: var(--wp--preset--font-family--gloock, Gloock, Georgia, serif);
	max-width: 780px;
	margin-inline: auto;
	color: var(--plt-ink);
	font-family: var(--wp--preset--font-family--figtree, Figtree, sans-serif);
}
.plt-vodic *,
.plt-vodic *::before,
.plt-vodic *::after { box-sizing: border-box; }
.plt-vodic :is(button, input, a) { touch-action: manipulation; border-radius: 0; }
.plt-vodic :is(button, input, a):focus-visible { outline: 2px solid var(--plt-focus, var(--plt-accent)); outline-offset: 3px; }
.plt-vodic h2,
.plt-vodic h3 { font-family: var(--gv-serif); font-weight: 400; }
.plt-vodic button { font-family: inherit; color: inherit; cursor: pointer; }
.plt-vodic button:disabled { opacity: 0.45; cursor: not-allowed; }
.plt-vodic [hidden] { display: none !important; }

.plt-vodic__ploca .gv-panel { padding: 28px; background: var(--plt-surface); border: 1px solid var(--plt-line); }
.plt-vodic .gv-steps { display: flex; gap: 2px; margin: 0 0 22px; padding: 7px 0; border-block: 1px solid var(--plt-line); }
.plt-vodic .gv-steps button { flex: 1; min-width: 0; min-height: 44px; padding: 8px 4px; border: 0; background: transparent; color: var(--plt-muted); font-size: 0.8125rem; }
.plt-vodic .gv-steps button[aria-current] { background: var(--plt-bg); color: var(--plt-ink); font-weight: 600; }
.plt-vodic .gv-clear-step { min-height: 44px; margin: 0 0 20px; padding: 8px 0; border: 0; border-bottom: 1px solid currentColor; background: transparent; font-size: 0.875rem; font-weight: 500; }
.plt-vodic .gv-step-heading { margin-bottom: 22px; }
.plt-vodic .gv-step-heading .plt-nadnaslov { margin: 0; }
.plt-vodic .gv-step-heading h2 { margin: 9px 0 14px; font-size: clamp(1.875rem, 4vw, 2.25rem); line-height: 1.12; }
.plt-vodic .gv-step-heading h2:focus { outline: none; }
.plt-vodic .gv-step-heading p:last-child { margin: 0; color: var(--plt-muted); font-size: 0.9375rem; line-height: 1.6; }
.plt-vodic .gv-counter-label { display: block; margin-bottom: 9px; font-size: 0.875rem; }
.plt-vodic .gv-counter { display: flex; width: 100%; border: 1px solid var(--plt-line); background: var(--plt-bg); }
.plt-vodic .gv-counter button { flex: 0 0 52px; min-height: 54px; border: 0; background: transparent; font-size: 1.5rem; }
.plt-vodic .gv-counter button:hover { background: var(--plt-surface); }
.plt-vodic .gv-counter input { flex: 1; width: 100%; min-width: 0; min-height: 54px; padding: 8px 2px; border: 0; background: transparent; color: var(--plt-ink); text-align: center; font-family: inherit; font-size: 1.5rem; font-weight: 600; appearance: textfield; -moz-appearance: textfield; }
.plt-vodic .gv-counter input::-webkit-inner-spin-button,
.plt-vodic .gv-counter input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.plt-vodic .gv-validation { font-size: 0.875rem; line-height: 1.6; }
.plt-vodic .gv-validation:not(:empty) { margin: 16px 0; padding: 12px; border-left: 3px solid var(--plt-accent); background: var(--plt-bg); }
.plt-vodic .gv-validation p { margin: 0; }
.plt-vodic .gv-validation a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.plt-vodic .gv-actions { display: flex; gap: 10px; align-items: stretch; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--plt-line); }
.plt-vodic .plt-vodic__gumb { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 48px; padding: 12px 16px; border: 1px solid var(--plt-accent); background: var(--plt-accent); color: #fff; font-size: 0.9375rem; font-weight: 600; text-align: left; }
.plt-vodic .plt-vodic__gumb:hover:not(:disabled) { background: var(--plt-accent-hover, var(--plt-accent)); }
.plt-vodic .plt-vodic__gumb.is-sekundarni { flex: 0 0 auto; border-color: var(--plt-line); background: transparent; color: var(--plt-ink); }
.plt-vodic .plt-vodic__gumb.is-sekundarni:hover { background: var(--plt-bg); }
.plt-vodic .gv-societies,
.plt-vodic .gv-duration { display: grid; gap: 8px; }
.plt-vodic .gv-societies { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plt-vodic .gv-choice { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px; padding: 14px 16px; border: 1px solid var(--plt-line); background: var(--plt-bg); text-align: left; }
.plt-vodic .gv-choice:hover { border-color: var(--plt-ink); }
.plt-vodic .gv-choice[aria-pressed="true"] { border-color: var(--plt-accent); box-shadow: inset 0 0 0 1px var(--plt-accent); }
.plt-vodic .gv-choice strong { font-size: 0.9375rem; font-weight: 500; line-height: 1.4; }
.plt-vodic .gv-choice-mark { display: flex; flex: 0 0 18px; align-items: center; justify-content: center; height: 18px; border: 1px solid var(--plt-line); background: var(--plt-surface); font-size: 0.75rem; }
.plt-vodic .gv-choice[aria-pressed="true"] .gv-choice-mark { border-color: var(--plt-accent); background: var(--plt-accent); color: #fff; }
.plt-vodic .gv-family { display: grid; gap: 18px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--plt-line); }
.plt-vodic .gv-family > p { margin: 0; color: var(--plt-muted); font-size: 0.8125rem; line-height: 1.6; }
.plt-vodic .gv-selection { margin: 0; padding: 0; font-size: 0.9375rem; line-height: 1.55; }
.plt-vodic .gv-selection > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--plt-line); }
.plt-vodic .gv-selection dt { color: var(--plt-muted); }
.plt-vodic .gv-selection dd { margin: 0; }
.plt-vodic .gv-finished-actions { display: grid; gap: 8px; margin-top: 22px; }
.plt-vodic .plt-vodic__tekst-gumb { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 9px 0; border: 0; background: transparent; font-size: 0.875rem; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }

.plt-vodic__rezultat { display: grid; gap: 14px; margin-top: 28px; }
.plt-vodic__sazetak { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; padding: 22px 24px; border: 1px solid var(--plt-line); background: var(--plt-surface); }
.plt-vodic__sazetak .plt-nadnaslov { margin: 0; }
.plt-vodic__sazetak h2 { margin: 7px 0 12px; font-size: clamp(1.875rem, 3vw, 2.375rem); line-height: 1.12; }
.plt-vodic__sazetak h2:focus { outline: none; }
.plt-vodic__sazetak p { margin: 4px 0; font-size: 0.9375rem; line-height: 1.55; }
.plt-vodic__kontekst,
.plt-vodic__napomena { color: var(--plt-muted); }
.plt-vodic__izbor { font-weight: 600; }
.plt-vodic__sazetak > .plt-vodic__tekst-gumb { flex-shrink: 0; }
.plt-vodic__poslovni { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 18px; border-left: 3px solid var(--plt-accent); background: var(--plt-surface); font-size: 0.9375rem; }
.plt-vodic__poslovni a,
.plt-vodic__naslov-odjeljka a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-size: 0.875rem; text-underline-offset: 4px; }
.plt-vodic__paketi,
.plt-vodic__plate { margin-top: 14px; }
.plt-vodic__naslov-odjeljka { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.plt-vodic__naslov-odjeljka h3 { margin: 0; font-size: 1.5rem; }
.plt-vodic__odjeljak-napomena { margin: 7px 0 14px; color: var(--plt-muted); font-size: 0.875rem; line-height: 1.6; }
.plt-vodic__mreza { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.plt-vodic__vrste { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 14px; }
.plt-vodic__vrsta { min-height: 40px; padding: 8px 14px; border: 1px solid var(--plt-line); background: var(--plt-bg); font-size: 0.875rem; }
.plt-vodic__vrsta[aria-pressed="true"] { border-color: var(--plt-ink); background: var(--plt-ink); color: var(--plt-bg) !important; }
.plt-vodic__proizvod { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; min-height: 130px; padding: 18px 20px; border: 1px solid var(--plt-line); background: var(--plt-bg); }
.plt-vodic__proizvod-poveznica { flex: 1; min-width: 0; color: inherit; text-decoration: none; }
.plt-vodic__proizvod-poveznica::after { content: ""; position: absolute; inset: 0; }
.plt-vodic__oznaka { display: block; margin-bottom: 9px; color: var(--plt-accent); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.plt-vodic__linija { color: var(--plt-muted); font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; }
.plt-vodic__proizvod h3 { margin: 5px 0 9px; font-size: 1.625rem; line-height: 1.1; }
.plt-vodic__podaci { display: block; color: var(--plt-muted); font-size: 0.8125rem; line-height: 1.6; }
.plt-vodic__kupnja { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; }
.plt-vodic__kupnja > strong { font: 400 1.5rem/1.2 var(--gv-serif); white-space: nowrap; }
.plt-vodic__dodaj { position: relative; z-index: 1; display: flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; min-height: 48px; border: 0; background: var(--plt-accent); color: #fff !important; }
.plt-vodic__dodaj:hover { background: var(--plt-accent-hover, var(--plt-accent)); }
.plt-vodic__dodaj span { display: block; font: 300 1.75rem/1 Arial, sans-serif; transition: transform 0.25s ease; }
.plt-vodic__dodaj:hover span { transform: rotate(90deg); }
.plt-vodic__dodaj.is-u-tijeku { opacity: 0.6; }
.plt-vodic__kolicina-napomena { flex-basis: 100%; margin: 0; color: var(--plt-muted); font-size: 0.8125rem; }

@media (max-width: 781px) {
	.plt-vodic__ploca .gv-panel { padding: 20px 16px; }
	.plt-vodic .gv-societies { grid-template-columns: minmax(0, 1fr); }
	.plt-vodic__sazetak { display: block; padding: 20px; }
	.plt-vodic__sazetak > .plt-vodic__tekst-gumb { margin-top: 7px; }
	.plt-vodic__poslovni { display: block; padding: 12px 16px; }
	.plt-vodic__mreza { grid-template-columns: minmax(0, 1fr); }
	.plt-vodic__proizvod { gap: 12px; padding: 16px; }
	.plt-vodic__kupnja > strong { font-size: 1.375rem; }
}
@media (prefers-reduced-motion: reduce) {
	.plt-vodic__dodaj span { transition: none; }
	.plt-vodic__dodaj:hover span { transform: none; }
}


/* B2B narudžbenica (blok platterra/narudzbenica) i blagajna poslovnice */
.plt-narudzbenica { display: grid; gap: 20px; }
.plt-narudzbenica__uvod { margin: 0; max-width: 70ch; }
.plt-narudzbenica__posl { display: grid; grid-template-columns: 1fr 1.4fr 1fr auto; gap: 18px; align-items: center; padding: 14px 16px; border-radius: 12px; background: var(--plt-surface, #EEF2EA); }
.plt-narudzbenica__posl div { display: flex; flex-direction: column; gap: 1px; font-size: 0.875rem; }
.plt-narudzbenica__posl small { font-size: 0.6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--plt-muted, #4A5B4F); }
.plt-narudzbenica__posl span { font-size: 0.8125rem; color: var(--plt-muted, #4A5B4F); }
.plt-narudzbenica__raspored { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: start; }
.plt-narudzbenica__filtri { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 4px; }
.plt-narudzbenica__cip { height: 32px; padding: 0 12px; border: 0; border-radius: 999px; background: var(--plt-surface-3, #E3E8DC); color: inherit; font: 600 0.8125rem/1 var(--wp--preset--font-family--figtree, Figtree, sans-serif); cursor: pointer; }
.plt-narudzbenica__cip.is-odabran { background: var(--plt-ink, #153C2C); color: #fff; }
.plt-narudzbenica__skupina h2 { display: flex; align-items: baseline; gap: 8px; margin: 18px 0 8px; font: 400 1.5rem/1.1 var(--wp--preset--font-family--gloock, Georgia, serif); }
.plt-narudzbenica__skupina h2 em { font: 600 0.8125rem var(--wp--preset--font-family--figtree, Figtree, sans-serif); font-style: normal; color: var(--plt-muted, #4A5B4F); }
.plt-narudzbenica__red { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 16px; align-items: center; margin-bottom: 8px; padding: 8px 12px 8px 8px; border-radius: 12px; background: var(--plt-surface, #EEF2EA); outline: 2px solid transparent; }
.plt-narudzbenica__red.is-odabran { outline-color: var(--plt-ink, #153C2C); }
.plt-narudzbenica__slika img { display: block; width: 72px; height: 72px; padding: 4px; border-radius: 8px; object-fit: contain; background: var(--plt-lan, var(--plt-surface-3, #E3E8DC)); }
.plt-narudzbenica__tekst { display: flex; flex-direction: column; gap: 2px; }
.plt-narudzbenica__naziv { font: 400 1.375rem/1.1 var(--wp--preset--font-family--gloock, Georgia, serif); }
.plt-narudzbenica__tekst small { font-size: 0.8125rem; color: var(--plt-muted, #4A5B4F); }
.plt-narudzbenica__kol { display: flex; align-items: center; height: 40px; border: 1px solid var(--plt-line-strong, #768678); border-radius: 8px; background: #fff; }
.plt-narudzbenica__kol button { width: 38px; height: 38px; border: 0; background: none; color: inherit; font-size: 1.125rem; cursor: pointer; }
.plt-narudzbenica__kol input { width: 52px; height: 38px; border: 0; background: none; color: inherit; font: 700 1rem var(--wp--preset--font-family--figtree, Figtree, sans-serif); text-align: center; -moz-appearance: textfield; }
.plt-narudzbenica__kol input::-webkit-inner-spin-button { -webkit-appearance: none; }
.plt-narudzbenica__sazetak { position: sticky; top: 16px; display: grid; gap: 10px; padding: 20px; border-radius: 14px; background: var(--plt-surface, #EEF2EA); }
.plt-narudzbenica__sazetak h2 { margin: 0; font: 400 1.625rem/1.1 var(--wp--preset--font-family--gloock, Georgia, serif); }
.plt-narudzbenica__sazetak ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.plt-narudzbenica__sazetak li, .plt-narudzbenica__ukupno { display: flex; justify-content: space-between; gap: 12px; margin: 0; font-size: 0.9375rem; }
.plt-narudzbenica__ukupno { padding-top: 10px; border-top: 1px solid var(--plt-line, #D5DCCF); font-weight: 700; }
.plt-narudzbenica__nap { margin: 0; font-size: 0.8125rem; color: var(--plt-muted, #4A5B4F); }
.plt-narudzbenica__sazetak .plt-gumb { width: 100%; }
.plt-b2b-podaci { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.plt-b2b-podaci div { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 10px; background: var(--plt-surface-3, #E3E8DC); font-size: 0.875rem; }
.plt-b2b-podaci span { font-size: 0.6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--plt-muted, #4A5B4F); }
.plt-b2b-podaci small { color: var(--plt-muted, #4A5B4F); }
.plt-b2b-podaci__nap { grid-column: 1 / -1; margin: 0; font-size: 0.8125rem; color: var(--plt-muted, #4A5B4F); }
@media (max-width: 900px) {
	.plt-narudzbenica__raspored, .plt-narudzbenica__posl, .plt-b2b-podaci { grid-template-columns: 1fr; }
	.plt-narudzbenica__sazetak { position: static; }
	.plt-narudzbenica__red { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px; }
	.plt-narudzbenica__slika img { width: 56px; height: 56px; }
	.plt-narudzbenica__naziv { font-size: 1.125rem; }
}

/* E4 Program vjernosti: Moj račun → Moji bodovi, košarica, blagajna, potvrda narudžbe. Funkcionalni UI flat. */
.plt-bodovi { display: grid; gap: 28px; }
.plt-bodovi__pregled { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.plt-bodovi__pregled > div { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid var(--wp--preset--color--crta, #E2DCD0); border-radius: 8px; background: var(--wp--preset--color--ploha, #fff); }
.plt-bodovi__pregled small { text-transform: uppercase; letter-spacing: .06em; font-size: .75rem; opacity: .75; }
.plt-bodovi__pregled b { font-size: 1.6rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.plt-bodovi__pregled b span { font-size: 1rem; font-weight: 400; }
.plt-bodovi__pregled span { font-size: .875rem; }
.plt-bodovi__blok h2 { font-size: 1.25rem; margin: 0 0 12px; }
.plt-bodovi__iznosi { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.plt-bodovi__iznosi .plt-gumb[disabled] { opacity: .4; cursor: not-allowed; }
.plt-bodovi__upis { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.plt-bodovi__upis input { width: 7em; }
.plt-bodovi__nap { font-size: .875rem; opacity: .8; margin: 8px 0 0; }
.plt-bodovi__kuponi { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.plt-bodovi__kuponi li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 16px; border: 1px solid var(--wp--preset--color--crta, #E2DCD0); border-radius: 8px; }
.plt-bodovi__kuponi li:not(.is-aktivan) { opacity: .6; }
.plt-bodovi__kuponi code { font-size: 1rem; font-weight: 600; letter-spacing: .04em; background: none; }
.plt-bodovi__kuponi span { font-size: .875rem; margin-right: auto; }
.plt-bodovi__kuponi form { margin: 0; }
.plt-bodovi__ponisti { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; font-size: .875rem; }
.plt-bodovi__povijest { width: 100%; border-collapse: collapse; font-size: .875rem; }
.plt-bodovi__povijest th, .plt-bodovi__povijest td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--wp--preset--color--crta, #E2DCD0); }
.plt-bodovi__povijest td:nth-child(n+3), .plt-bodovi__povijest th:nth-child(n+3) { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.plt-bodovi__povijest .is-cekanje { opacity: .7; font-style: italic; }
.plt-bodovi-kosarica { display: grid; gap: 6px; padding: 12px 0; font-size: .875rem; }
.plt-bodovi-kosarica p { margin: 0; }
.plt-bodovi-kosarica small { display: block; opacity: .75; }
.plt-bodovi-kosarica__kuponi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.plt-bodovi-kosarica__kuponi button { border: 1px dashed currentColor; background: none; border-radius: 6px; padding: 4px 8px; font: inherit; cursor: pointer; }
.plt-bodovi-red small { display: block; font-weight: 400; opacity: .75; }
.plt-bodovi-potvrda { display: grid; gap: 6px; margin: 16px 0; padding: 16px 18px; border: 1px solid var(--wp--preset--color--crta, #E2DCD0); border-radius: 8px; }
.plt-bodovi-potvrda--racun input[type="password"] { max-width: 320px; }
.plt-bodovi-potvrda--racun .plt-gumb { justify-self: start; }

/* Vodič za kupnju kao skočni prozor na računalu (assets/vodic-prozor.js) */
.plt-vodic-prozor {
	width: min(1240px, calc(100vw - 48px));
}

.plt-vodic-prozor__uvod {
	max-width: 70ch;
	margin: 0 0 24px;
	color: var(--plt-muted, #4A5B4F);
}

.plt-vodic-prozor .plt-vodic {
	margin: 0;
}
