/*
 * Informativne stranice (odluke 31. 10. 2026., 01 - DIZAJN_WEBA/2026-10-31_odluke-dizajna_v1.0.md):
 * U2 (pravni tekstovi, Radno vrijeme) i P2 (Načini plaćanja) sadržaj sa strane, K4 Kontakt po namjeni, Q1 Česta pitanja,
 * D5 Područje dostave, P3 Poslovni kupci, S4 Naša priča. Zajednička glava: putanja, naslov, uvod.
 */

/* ---------- Glava stranice ---------- */
.plt-stranica__glava {
	margin-bottom: 4px !important;
}

.plt-mrvice {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	font-size: 0.8125rem;
	color: var(--plt-muted);
}

.plt-mrvice b {
	font-weight: 600;
	color: var(--plt-ink);
}

.plt-mrvice a {
	color: inherit;
	text-decoration: none;
}

.plt-mrvice a:hover {
	text-decoration: underline;
}

.plt-stranica__naslov,
.plt-glava-stranice h1 {
	margin: 8px 0 10px !important;
	font-size: clamp(2.125rem, 3.4vw, 3rem) !important;
	line-height: 1.08;
	letter-spacing: -0.01em;
}

/* Uvodni odlomak ispod naslova */
.plt-stranica__sadrzaj > p:first-child:not([class*="plt-"]),
.plt-glava-stranice > p {
	max-width: 62ch !important;
	margin-top: 0 !important;
	margin-bottom: 8px;
	font-size: 1.125rem;
	line-height: 1.5;
	color: var(--plt-muted);
}

/* Tekst stranice: lijevo poravnat stupac do 780 px unutar širine zaglavlja */
.plt-stranica__sadrzaj > *:not(.alignwide):not(.alignfull) {
	max-width: 780px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.plt-stranica__sadrzaj h2 {
	margin: 36px 0 12px;
	font-size: clamp(1.5rem, 2.2vw, 1.75rem);
	line-height: 1.15;
}

.plt-stranica__sadrzaj h3 {
	margin: 24px 0 8px;
	font-size: 1.25rem;
	line-height: 1.2;
}

.plt-stranica__sadrzaj p,
.plt-stranica__sadrzaj li {
	line-height: 1.6;
}

.plt-stranica__sadrzaj .wp-block-table {
	margin: 8px 0 16px;
}

.plt-stranica__sadrzaj .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.plt-stranica__sadrzaj .wp-block-table :is(th, td) {
	padding: 10px 12px 10px 0;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid var(--plt-line);
}

.plt-stranica__sadrzaj .wp-block-table thead {
	border: 0;
}

.plt-stranica__sadrzaj .wp-block-table th {
	font-weight: 700;
}

.plt-stranica__sadrzaj .wp-block-table figcaption {
	margin-top: 8px;
	font-size: 0.8125rem;
	color: var(--plt-muted);
	text-align: left;
}

/* Stari dvostupčani raspored (glavni stupac + „Imate još pitanja?”) odlukama U2, P2, D5 i Q1 otpada. */
.plt-stranica .plt-info {
	display: block !important;
}

.plt-stranica .plt-info-pomoc {
	display: none !important;
}

.plt-stranica .plt-info-glavno > h2:first-child {
	margin-top: 8px;
}

/* ---------- U2 i P2: sadržaj sa strane ---------- */
.plt-stranica__dva {
	display: grid;
	grid-template-columns: 272px minmax(0, 780px);
	column-gap: clamp(32px, 4vw, 56px);
	align-items: start;
	margin-top: 8px !important;
}

.plt-stranica__dva > .plt-stranica__sadrzaj,
.plt-stranica__dva .plt-info,
.plt-stranica__dva .plt-info-glavno {
	display: contents !important;
}

.plt-stranica__dva > .plt-stranica__sadrzaj > *,
.plt-stranica__dva .plt-info-glavno > * {
	grid-column: 2;
	max-width: none;
	margin-top: 0;
}

.plt-stranica__dva > .plt-stranica__sadrzaj > p:first-child:not([class*="plt-"]) {
	grid-column: 1 / -1;
	margin-bottom: 24px;
}

.plt-stranica__dva > .plt-sadrzaj {
	grid-column: 1;
	grid-row: 1 / span 400;
	position: sticky;
	top: 104px;
	align-self: start;
	margin: 0 !important;
}

.plt-stranica__dva:has(> .plt-stranica__sadrzaj > p:first-child:not([class*="plt-"])) > .plt-sadrzaj {
	grid-row: 2 / span 400;
}

/* Bez poglavlja (npr. Radno vrijeme) tekst ide u jedan stupac. */
.plt-stranica__dva:not(:has(> .plt-sadrzaj)) {
	grid-template-columns: minmax(0, 780px);
}

.plt-stranica__dva:not(:has(> .plt-sadrzaj)) > .plt-stranica__sadrzaj > *,
.plt-stranica__dva:not(:has(> .plt-sadrzaj)) .plt-info-glavno > * {
	grid-column: 1;
}

/* Ručni popis poglavlja na vrhu pravnih tekstova zamjenjuje sadržaj sa strane. */
.plt-stranica--sadrzaj .plt-stranica__sadrzaj > ul:first-child:has(a[href^="#"]) {
	display: none;
}

.plt-stranica--sadrzaj .plt-stranica__sadrzaj h2 {
	margin: 0;
	padding: 24px 0 10px;
	border-top: 1px solid var(--plt-line);
	scroll-margin-top: 110px;
}

.plt-stranica--sadrzaj :is(.plt-stranica__sadrzaj > h2:first-child, .plt-stranica__sadrzaj > ul:first-child + h2, .plt-stranica__sadrzaj > p:first-child + h2, .plt-info-glavno > h2:first-child) {
	padding-top: 4px;
	border-top: 0;
}

.plt-stranica--sadrzaj .plt-stranica__sadrzaj :is(p, ul, ol, figure) {
	margin: 0 0 12px;
}

.plt-stranica--brojevi .plt-stranica__sadrzaj {
	counter-reset: poglavlje;
}

.plt-stranica--brojevi .plt-stranica__sadrzaj h2 {
	counter-increment: poglavlje;
}

.plt-stranica--brojevi .plt-stranica__sadrzaj h2::before {
	content: counter(poglavlje) ".";
	margin-right: 10px;
	color: var(--plt-muted);
}

.plt-sadrzaj__popis {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 16px;
	border-radius: 12px;
	background: var(--plt-surface);
}

.plt-sadrzaj__popis h2 {
	margin: 0 0 8px;
	font-family: var(--wp--preset--font-family--figtree);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--plt-muted);
}

.plt-sadrzaj a {
	display: block;
	padding: 8px 10px;
	border-left: 3px solid transparent;
	border-radius: 8px;
	font-size: 0.875rem;
	line-height: 1.3;
	color: var(--plt-ink);
	text-decoration: none;
}

.plt-sadrzaj a:hover {
	background: var(--plt-surface-3);
}

.plt-sadrzaj a.is-aktivno {
	font-weight: 700;
	background: var(--plt-surface-3);
	border-left-color: var(--plt-ink);
}

.plt-sadrzaj__mob {
	display: none;
}

.plt-sadrzaj__mob summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--plt-surface);
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

.plt-sadrzaj__mob summary::-webkit-details-marker {
	display: none;
}

.plt-sadrzaj__mob summary::after {
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1.6px solid currentColor;
	border-bottom: 1.6px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}

.plt-sadrzaj__mob[open] summary::after {
	transform: rotate(-135deg);
}

.plt-sadrzaj__mob nav {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 4px;
	padding: 8px;
	border-radius: 10px;
	background: var(--plt-surface);
}

@media (max-width: 900px) {
	.plt-stranica__dva {
		grid-template-columns: minmax(0, 1fr);
	}

	.plt-stranica__dva > .plt-stranica__sadrzaj > *,
	.plt-stranica__dva .plt-info-glavno > * {
		grid-column: 1;
	}

	.plt-stranica__dva > .plt-stranica__sadrzaj > p:first-child:not([class*="plt-"]) {
		order: -1;
		margin-bottom: 12px;
	}

	.plt-stranica__dva > .plt-sadrzaj,
	.plt-stranica__dva:has(> .plt-stranica__sadrzaj > p:first-child:not([class*="plt-"])) > .plt-sadrzaj {
		grid-column: 1;
		grid-row: auto;
		position: static;
		margin-bottom: 20px !important;
	}

	.plt-sadrzaj__mob {
		display: block;
	}

	.plt-sadrzaj__popis {
		display: none;
	}
}

/* ---------- Kartice (K4, P3): ploha kadulje, bez crta ---------- */
.plt-kartice-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px !important;
}

.plt-kartica-ploha {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin: 0 !important;
	padding: clamp(18px, 1.8vw, 24px);
	border-radius: 14px;
	background: var(--plt-surface);
}

.plt-kartica-ploha > * {
	margin: 0 !important;
}

.plt-kartica-ploha h2,
.plt-kartica-ploha h3 {
	margin-top: 6px !important;
	font-size: 1.375rem !important;
	line-height: 1.15;
}

.plt-kartica-ploha p {
	font-size: 0.9375rem;
	color: var(--plt-muted);
}

.plt-kartica-ploha p.plt-kanal {
	font-weight: 700;
	color: var(--plt-ink);
}

.plt-kartica-ploha p.plt-kanal a {
	color: inherit;
	text-decoration: none;
}

.plt-kartica-ploha p.plt-kanal a:hover {
	text-decoration: underline;
}

/* Ikona kartice: pločica boje stranice, ikona u boji teksta (maska) */
.plt-ikona-k::before {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	margin-bottom: 4px;
	border-radius: 10px;
	background: var(--plt-bg);
}

:root[data-theme="dark"] .plt-ikona-k::before {
	background: var(--plt-surface-3);
}

.plt-ikona-k {
	position: relative;
}

.plt-ikona-k::after {
	content: "";
	position: absolute;
	top: calc(clamp(18px, 1.8vw, 24px) + 12px);
	left: calc(clamp(18px, 1.8vw, 24px) + 12px);
	width: 20px;
	height: 20px;
	background: var(--plt-ink);
	-webkit-mask: var(--plt-ikona-k) center / contain no-repeat;
	mask: var(--plt-ikona-k) center / contain no-repeat;
}

.plt-ikona-k--vrecica { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.plt-ikona-k--osoba { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.plt-ikona-k--lokacija { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E"); }
.plt-ikona-k--racun { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }
.plt-ikona-k--ponuda { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.plt-ikona-k--kvaka { --plt-ikona-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E"); }

/* ---------- K4 Kontakt po namjeni ---------- */
.plt-kontakt-dva {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 20px;
	align-items: start;
	margin-top: 20px !important;
}

.plt-kontakt-dva > * {
	margin: 0 !important;
}

.plt-kontakt-obrazac {
	padding: clamp(20px, 2vw, 28px);
	border-radius: 14px;
	background: var(--plt-surface);
}

.plt-kontakt-obrazac > h2 {
	margin: 0 0 10px !important;
	font-size: 1.75rem !important;
}

.plt-kontakt-obrazac > p {
	margin: 8px 0 0 !important;
	font-size: 0.8125rem;
	color: var(--plt-muted);
}

.plt-tablica-sati {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4px 16px;
	margin: 4px 0 8px !important;
	font-size: 0.875rem;
}

.plt-tablica-sati dt {
	color: var(--plt-muted);
}

.plt-tablica-sati dd {
	margin: 0;
	font-weight: 600;
}

.plt-kartica-ploha .plt-tekst-poveznica a {
	font-weight: 600;
	color: var(--plt-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* WPForms u obrascu kontakta: polja i gumb u bojama teme */
.plt-kontakt-obrazac .wpforms-container {
	--wpforms-field-background-color: var(--plt-surface-2);
	--wpforms-field-border-color: var(--plt-rub);
	--wpforms-field-border-color-spare: var(--plt-rub);
	--wpforms-field-text-color: var(--plt-ink);
	--wpforms-field-menu-color: var(--plt-surface-2);
	--wpforms-field-border-radius: 8px;
	--wpforms-label-color: var(--plt-ink);
	--wpforms-label-sublabel-color: var(--plt-muted);
	--wpforms-label-size-font-size: 14px;
	--wpforms-label-size-sublabel-font-size: 13px;
	--wpforms-field-size-font-size: 15px;
	--wpforms-field-size-input-height: 44px;
	--wpforms-field-size-input-spacing: 12px;
	--wpforms-button-background-color: var(--plt-accent);
	--wpforms-button-border-color: var(--plt-accent);
	--wpforms-button-text-color: #FFFFFF;
	--wpforms-button-border-radius: 8px;
	--wpforms-button-size-font-size: 15px;
	--wpforms-button-size-height: 44px;
	--wpforms-button-size-padding-h: 20px;
	margin: 0 !important;
}

.plt-kontakt-obrazac .wpforms-field-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 12px;
}

.plt-kontakt-obrazac .wpforms-container .wpforms-field {
	padding: 6px 0 !important;
}

.plt-kontakt-obrazac .wpforms-field-textarea,
.plt-kontakt-obrazac .wpforms-field-checkbox,
.plt-kontakt-obrazac .wpforms-field-gdpr-checkbox,
.plt-kontakt-obrazac .wpforms-field-html {
	grid-column: 1 / -1;
}

.plt-kontakt-obrazac .wpforms-field label.wpforms-field-label {
	font-weight: 600;
}

.plt-kontakt-obrazac .wpforms-container textarea {
	min-height: 120px;
}

/* ---------- D5 Područje dostave: krugovi i kartice zona ---------- */
.plt-dostava-zone {
	display: grid !important;
	grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
	gap: clamp(24px, 3vw, 40px);
	align-items: center;
	max-width: 1080px !important;
	margin-top: 16px !important;
	margin-bottom: 24px !important;
}

.plt-dostava-zone > * {
	margin: 0 !important;
}

.plt-krugovi {
	margin: 0;
	text-align: center;
}

.plt-krugovi__shema {
	position: relative;
	width: 100%;
	max-width: 300px;
	aspect-ratio: 1;
	margin: 0 auto;
}

.plt-krugovi__shema span {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	justify-content: center;
	padding-top: 7px;
	border: 1px dashed var(--plt-rub);
	border-radius: 50%;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
	font-size: 0.6875rem;
	font-weight: 700;
	color: var(--plt-ink);
}

.plt-krugovi__shema span:nth-child(1) { width: 100%; height: 100%; background: var(--plt-surface); }
.plt-krugovi__shema span:nth-child(2) { width: 82%; height: 82%; }
.plt-krugovi__shema span:nth-child(3) { width: 64%; height: 64%; }
.plt-krugovi__shema span:nth-child(4) { width: 46%; height: 46%; }
.plt-krugovi__shema span:nth-child(5) { width: 28%; height: 28%; }

.plt-krugovi__shema b {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--plt-accent);
	color: #FFFFFF;
	font-size: 0.6875rem;
	white-space: nowrap;
	transform: translate(-50%, 20%);
}

.plt-krugovi figcaption {
	margin-top: 10px;
	font-size: 0.75rem;
	color: var(--plt-muted);
}

.plt-dostava-zone .wp-block-table table {
	border-collapse: separate;
	border-spacing: 0 8px;
	font-size: 0.875rem;
}

.plt-dostava-zone .wp-block-table thead {
	display: none;
}

.plt-dostava-zone .wp-block-table :is(th, td) {
	padding: 12px 14px;
	border: 0;
	background: var(--plt-surface);
}

.plt-dostava-zone .wp-block-table th {
	width: 9.5em;
	border-radius: 8px 0 0 8px;
	white-space: nowrap;
}

.plt-dostava-zone .wp-block-table td {
	border-radius: 0 8px 8px 0;
	color: var(--plt-muted);
}

.plt-dostava-zone .wp-block-table tbody th::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	border-radius: 50%;
	background: var(--plt-ink);
}

.plt-dostava-zone .wp-block-table tr:nth-child(2) th::before { opacity: 0.8; }
.plt-dostava-zone .wp-block-table tr:nth-child(3) th::before { opacity: 0.6; }
.plt-dostava-zone .wp-block-table tr:nth-child(4) th::before { opacity: 0.42; }
.plt-dostava-zone .wp-block-table tr:nth-child(5) th::before { opacity: 0.26; }

.plt-dostava-zone .wp-block-table figcaption {
	display: none;
}

.plt-crta-odjeljci {
	max-width: 560px !important;
}

.plt-crta-odjeljci h2 {
	margin: 0 !important;
	padding-top: 20px;
	font-size: 1.375rem !important;
}

.plt-crta-odjeljci p {
	margin: 6px 0 0 !important;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--plt-line);
}

/* ---------- P3 Poslovni kupci i S4 Naša priča (predložak bez naslova, glava u sadržaju) ---------- */
.plt-glava-stranice {
	padding-top: 24px;
}

.plt-glava-stranice > * {
	margin-left: 0 !important;
}

.plt-glavno > .wp-block-post-content > .plt-poziv-kartica:last-child {
	margin-bottom: var(--wp--preset--spacing--70) !important;
}

.plt-foto-trio {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: clamp(24px, 3vw, 40px) !important;
}

.plt-foto-trio > .wp-block-cover {
	min-height: clamp(260px, 26vw, 380px) !important;
	margin: 0 !important;
	align-items: flex-end;
}

.plt-foto-trio .wp-block-cover h3 {
	margin: 0 !important;
	font-size: 1.5rem;
	color: #FFFFFF;
}

.plt-foto-trio .wp-block-cover p {
	margin: 2px 0 0 !important;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.86);
}

.plt-poziv-kartica {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
	max-width: 760px !important;
	margin: clamp(32px, 4vw, 48px) auto 0 !important;
	padding: 20px 24px;
	border-radius: 14px;
	background: var(--plt-surface);
}

.plt-poziv-kartica > .wp-block-group {
	flex: 1 1 320px;
	margin: 0 !important;
}

.plt-poziv-kartica h2 {
	margin: 0 !important;
	font-size: 1.5rem !important;
}

.plt-poziv-kartica p {
	margin: 4px 0 0 !important;
	font-size: 0.875rem;
	color: var(--plt-muted);
}

.plt-poziv-kartica .wp-block-buttons {
	margin: 0 !important;
}

.plt-naizmjence {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 48px);
	align-items: center;
	margin-top: clamp(24px, 3vw, 40px) !important;
}

.plt-naizmjence > * {
	margin: 0 !important;
}

.plt-naizmjence .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 12px;
}

.plt-naizmjence h2 {
	margin: 0 0 10px !important;
	font-size: clamp(1.5rem, 2.2vw, 1.875rem) !important;
}

.plt-naizmjence p {
	max-width: 52ch;
	margin: 0 0 8px !important;
	color: var(--plt-muted);
}

.plt-citat-stranice {
	margin-top: clamp(40px, 5vw, 64px) !important;
	font-family: var(--wp--preset--font-family--gloock);
	font-size: clamp(1.625rem, 2.8vw, 2.25rem);
	line-height: 1.15;
	text-align: center;
}

@media (max-width: 900px) {
	.plt-kartice-3,
	.plt-kontakt-dva,
	.plt-dostava-zone,
	.plt-naizmjence,
	.plt-foto-trio,
	.plt-kontakt-obrazac .wpforms-field-container {
		grid-template-columns: minmax(0, 1fr);
	}

	.plt-naizmjence--obrnuto > :last-child {
		order: -1;
	}
}

/* K4: desni stupac (radno vrijeme i karta „na klik”) */
.plt-kontakt-strana {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.plt-kontakt-strana > * {
	margin: 0 !important;
}

.plt-karta > p:not([class]) {
	margin: 0 0 12px;
	font-size: 0.9375rem;
	font-weight: 600;
}

.plt-karta__okvir {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	aspect-ratio: 4 / 3;
	margin-bottom: 12px;
	padding: 16px;
	border-radius: 10px;
	background: var(--plt-lan) 0 0 / 300px repeat, var(--plt-surface-3);
	text-align: center;
}

.plt-karta__okvir.is-ucitana {
	padding: 0;
	overflow: hidden;
}

.plt-karta__okvir iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.plt-karta__gumb {
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid var(--plt-ink);
	border-radius: 8px;
	background: var(--plt-surface-2);
	color: var(--plt-ink);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
}

.plt-karta__gumb:hover {
	background: var(--plt-surface);
}

.plt-stranica__sadrzaj .plt-karta .plt-karta__napomena {
	max-width: 30ch;
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--plt-ink);
}