/*!
 * BL Kolačići - sučelje sajta (banner, Postavke, plutajuća tipka, okviri).
 *
 * Mjere s odobrenog platna (6. 10.): prozor 600 px, Postavke 640 px, donji list
 * na mobitelu (< 768 px), gumbi 48 / 52 px, plutajuća tipka 44 px.
 * Boje i oblik su CSS varijable --blc-* (inline stil iz postavki, poslije njega
 * vlastiti CSS). Bitna svojstva imaju !important jer teme i Elementor inače gaze.
 * Vidljivost određuju klase na <html>: blc-undecided, blc-decided, blc-nodim,
 * blc-banner-open, blc-settings-open, blc-ui-open, blc-js.
 */

/* ---------------------------------------------------------------- zadano */

:root {
	--blc-primary: #1f2937;
	--blc-on-primary: #ffffff;
	--blc-surface: #ffffff;
	--blc-text: #111827;
	--blc-muted: #4b5563;
	--blc-border: #e5e7eb;
	--blc-radius: 12px;
	--blc-btn-radius: 8px;
	--blc-dim: rgba(12, 12, 16, 0.55);
	--blc-track-off: #6b7280;
	--blc-handle: #d1d5db;
	--blc-embed-dark: #1f2a30;
}

/* Korijen ima hidden dok ovaj CSS ne stigne (učitava se bez blokiranja prikaza). */
.blc-root[hidden] {
	display: block !important;
}

#blc-root.blc-root {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: visible !important;
	background: none !important;
	box-shadow: none !important;
	float: none !important;
}

.blc-root,
.blc-root *,
.blc-root *::before,
.blc-root *::after,
.blc-embed,
.blc-embed *,
.blc-embed *::before,
.blc-embed *::after {
	box-sizing: border-box !important;
}

/* ---------------------------------------------------------------- zatamnjenje */

.blc-root .blc-overlay {
	display: none !important;
	position: fixed !important;
	inset: 0 !important;
	margin: 0 !important;
	background: var(--blc-dim) !important;
	z-index: 2147483600 !important;
	/* Dok JS ne radi, zatamnjenje ne blokira stranicu (ako JS padne, stranica ostaje upotrebljiva). */
	pointer-events: none !important;
	animation: blc-fade 0.2s ease-out both;
}

html.blc-undecided:not(.blc-nodim) .blc-root.blc-dim .blc-overlay,
html.blc-banner-open:not(.blc-nodim) .blc-root.blc-dim .blc-overlay,
html.blc-settings-open:not(.blc-nodim) .blc-root.blc-dim .blc-overlay {
	display: block !important;
}

html.blc-js .blc-root .blc-overlay {
	pointer-events: auto !important;
}

/* ---------------------------------------------------------------- prozori: osnova */

.blc-root .blc-dialog {
	display: none !important;
	position: fixed !important;
	z-index: 2147483610 !important;
	flex-direction: column !important;
	margin: 0 !important;
	border: 0 !important;
	outline: none !important;
	background: var(--blc-surface) !important;
	color: var(--blc-text) !important;
	font-family: var(--blc-font-body) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	letter-spacing: normal !important;
	text-align: left !important;
	text-transform: none !important;
	box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28) !important;
	animation: blc-rise 0.22s ease-out both;
}

html.blc-undecided:not(.blc-settings-open) .blc-root .blc-banner,
html.blc-banner-open:not(.blc-settings-open) .blc-root .blc-banner,
html.blc-settings-open .blc-root .blc-settings {
	display: flex !important;
}

.blc-root .blc-dialog:focus {
	outline: none !important;
}

/* Tipografija i elementi unutar prozora (reset tuđih stilova). */
.blc-root h2,
.blc-root h3,
.blc-root p,
.blc-root ul,
.blc-root li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-shadow: none !important;
}

.blc-root .blc-title {
	font-family: var(--blc-font-head) !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 1.3 !important;
	color: var(--blc-text) !important;
}

.blc-root .blc-text {
	font-family: var(--blc-font-body) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	color: var(--blc-muted) !important;
}

.blc-root a.blc-link,
.blc-root a.blc-link:visited {
	color: var(--blc-primary) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	font-weight: inherit !important;
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

.blc-root a.blc-link:hover {
	color: var(--blc-primary) !important;
	text-decoration-thickness: 2px !important;
	opacity: 1 !important;
}

.blc-root .blc-linkrow {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

/* Poveznica u retku teksta samo u rasporedu trake (vidi niže). */
.blc-root .blc-link--inline {
	display: none !important;
}

.blc-root .blc-handle {
	display: none !important;
}

/* Glava: logo ili naziv lijevo, X desno. */
.blc-root .blc-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	min-width: 0 !important;
}

.blc-root .blc-brand {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	min-height: 1px !important;
}

/* Visina rezervirana prije učitavanja loga: banner se ne pomiče kad slika stigne. */
.blc-root .blc-brand--img {
	height: 46px !important;
}

.blc-root .blc-logo {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 150px !important;
	max-height: 46px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: contain !important;
	object-position: left center !important;
}

.blc-root .blc-wordmark {
	font-family: var(--blc-font-head) !important;
	font-weight: 800 !important;
	font-size: 20px !important;
	line-height: 1.2 !important;
	color: var(--blc-text) !important;
}

/* Gumb X: cilj dodira 44 px. */
.blc-root .blc-x {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	margin: -8px -12px 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--blc-muted) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	line-height: 1 !important;
}

.blc-root .blc-x:hover {
	background: var(--blc-border) !important;
	color: var(--blc-text) !important;
}

.blc-root .blc-x svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
}

/* Gumbi: Odbij sve i Postavke s obrubom 2 px, Prihvati sve popunjen; iste veličine. */
.blc-root .blc-btns {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
}

.blc-root .blc-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 6px 12px !important;
	border: 2px solid var(--blc-primary) !important;
	border-radius: var(--blc-btn-radius) !important;
	background: transparent !important;
	color: var(--blc-primary) !important;
	font-family: var(--blc-font-body) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	font-style: normal !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	text-align: center !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	white-space: normal !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, box-shadow 0.15s ease !important;
}

.blc-root .blc-btn--outline:hover,
.blc-root .blc-btn--outline:focus {
	background: transparent !important;
	color: var(--blc-primary) !important;
	box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.04) !important;
}

.blc-root .blc-btn--fill,
.blc-root .blc-btn--fill:focus {
	background: var(--blc-primary) !important;
	color: var(--blc-on-primary) !important;
}

.blc-root .blc-btn--fill:hover {
	background: var(--blc-primary) !important;
	color: var(--blc-on-primary) !important;
	box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.1) !important;
}

/* Vidljiv fokus (WCAG 2.4.7). */
.blc-root :focus-visible {
	outline: 3px solid var(--blc-primary) !important;
	outline-offset: 2px !important;
}

.blc-root .blc-dialog:focus-visible {
	outline: none !important;
}

/* ---------------------------------------------------------------- banner: prozor (desktop) */

.blc-root .blc-banner {
	inset: 0 !important;
	width: 600px !important;
	max-width: calc(100vw - 32px) !important;
	height: fit-content !important;
	max-height: calc(100vh - 32px) !important;
	margin: auto !important;
	padding: 28px 32px 32px !important;
	gap: 16px !important;
	border-radius: var(--blc-radius) !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
}

.blc-root .blc-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	min-width: 0 !important;
}

/* ---------------------------------------------------------------- Postavke (desktop) */

/* Prozor ne skrola (zaobljeni kutovi ostaju čisti); skrola samo popis kategorija. */
.blc-root .blc-settings {
	inset: 0 !important;
	width: 640px !important;
	max-width: calc(100vw - 32px) !important;
	height: fit-content !important;
	max-height: min(720px, calc(100vh - 80px)) !important;
	margin: auto !important;
	padding: 0 !important;
	gap: 0 !important;
	border-radius: var(--blc-radius) !important;
	overflow: hidden !important;
}

.blc-root .blc-settings__top {
	flex: 0 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	padding: 24px 32px 12px !important;
}

.blc-root .blc-settings .blc-x {
	margin: 0 -12px 0 auto !important;
}

.blc-root .blc-settings__top .blc-text {
	line-height: 1.55 !important;
}

.blc-root .blc-settings__list {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	padding: 0 32px !important;
	margin: 0 !important;
	-webkit-overflow-scrolling: touch;
}

.blc-root .blc-settings__foot {
	flex: 0 0 auto !important;
	padding: 16px 32px 28px !important;
	box-shadow: 0 -1px 0 var(--blc-border) !important;
	background: var(--blc-surface) !important;
}

.blc-root .blc-settings__foot .blc-btns {
	margin: 0 !important;
}

/* Kategorija. */
.blc-root .blc-cat {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	padding: 14px 0 !important;
	border-top: 1px solid var(--blc-border) !important;
}

.blc-root .blc-cat__row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	min-height: 30px !important;
}

.blc-root .blc-cat__label {
	font-family: var(--blc-font-head) !important;
	font-weight: 600 !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
	color: var(--blc-text) !important;
}

.blc-root .blc-cat__always {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	color: var(--blc-muted) !important;
	text-align: right !important;
}

.blc-root .blc-cat__desc {
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: var(--blc-muted) !important;
}

/* Prekidač: role="switch", aria-checked; područje dodira 44 px (pseudo-element). */
.blc-root .blc-switch {
	position: relative !important;
	display: block !important;
	flex-shrink: 0 !important;
	width: 52px !important;
	height: 30px !important;
	min-width: 52px !important;
	min-height: 30px !important;
	margin: 0 !important;
	padding: 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--blc-track-off) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease !important;
}

.blc-root .blc-switch::before {
	content: "" !important;
	position: absolute !important;
	inset: -7px -4px !important;
}

.blc-root .blc-switch[aria-checked="true"] {
	background: var(--blc-primary) !important;
}

.blc-root .blc-switch:hover {
	box-shadow: 0 0 0 3px var(--blc-border) !important;
}

.blc-root .blc-switch__knob {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
	transform: translateX(0) !important;
	transition: transform 0.15s ease !important;
}

.blc-root .blc-switch[aria-checked="true"] .blc-switch__knob {
	transform: translateX(22px) !important;
}

/* Prikaži / Sakrij kolačiće: vizualno kao poveznica, cilj dodira 44 px. */
.blc-root .blc-cat__more {
	display: inline-flex !important;
	align-items: center !important;
	align-self: flex-start !important;
	width: auto !important;
	min-height: 44px !important;
	margin: -8px 0 -8px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--blc-primary) !important;
	font-family: var(--blc-font-body) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
}

.blc-root .blc-cat__more:hover,
.blc-root .blc-cat__more:focus {
	background: transparent !important;
	color: var(--blc-primary) !important;
	text-decoration-thickness: 2px !important;
}

.blc-root .blc-cookies {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	list-style: none !important;
	padding: 0 0 2px !important;
}

.blc-root .blc-cookies[hidden] {
	display: none !important;
}

.blc-root .blc-cookie {
	display: flex !important;
	gap: 12px !important;
	list-style: none !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: var(--blc-text) !important;
}

.blc-root .blc-cookie::before,
.blc-root .blc-cookie::marker {
	content: none !important;
}

.blc-root .blc-cookie__name {
	flex-shrink: 0 !important;
	width: 200px !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	overflow-wrap: anywhere !important;
}

.blc-root .blc-cookie__desc {
	min-width: 0 !important;
	color: var(--blc-muted) !important;
}

/* ---------------------------------------------------------------- plutajuća tipka */

.blc-root .blc-fab {
	display: none !important;
	position: fixed !important;
	top: auto !important;
	left: auto !important;
	right: var(--blc-fab-x, 24px) !important;
	bottom: var(--blc-fab-y, 24px) !important;
	z-index: 2147483000 !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--blc-primary) !important;
	color: var(--blc-on-primary) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
	cursor: pointer !important;
	line-height: 1 !important;
	transition: transform 0.15s ease !important;
}

.blc-root.blc-fab-left .blc-fab {
	left: 24px !important;
	right: auto !important;
}

.blc-root .blc-fab:hover,
.blc-root .blc-fab:focus {
	background: var(--blc-primary) !important;
	color: var(--blc-on-primary) !important;
}

.blc-root .blc-fab:hover {
	transform: scale(1.06) !important;
}

.blc-root .blc-fab svg {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
}

@media (min-width: 768px) {
	html.blc-decided:not(.blc-ui-open) .blc-root.blc-fab-d .blc-fab {
		display: flex !important;
	}
}

@media (max-width: 767px) {
	html.blc-decided:not(.blc-ui-open) .blc-root.blc-fab-m .blc-fab {
		display: flex !important;
	}
}

/* ---------------------------------------------------------------- traka na dnu (desktop, alternativni raspored) */

@media (min-width: 768px) {
	.blc-root.blc-layout-bar .blc-banner {
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		max-height: 80vh !important;
		margin: 0 !important;
		padding: 24px var(--blc-bar-pad-r, 92px) 24px var(--blc-bar-pad-l, 64px) !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 40px !important;
		border-radius: 0 !important;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.18) !important;
		animation-name: blc-rise-sheet;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-head {
		position: static !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-brand {
		display: none !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-x {
		position: absolute !important;
		top: 6px !important;
		right: 10px !important;
		margin: 0 !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-body {
		flex: 1 1 auto !important;
		gap: 8px !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-title {
		font-size: 20px !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-text {
		line-height: 1.55 !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-link--inline {
		display: inline !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-linkrow {
		display: none !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-btns {
		flex: 0 0 480px !important;
		width: 480px !important;
		margin: 0 !important;
	}
}

/* Uska traka: tekst iznad gumba. */
@media (min-width: 768px) and (max-width: 1099px) {
	.blc-root.blc-layout-bar .blc-banner {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 16px !important;
	}

	.blc-root.blc-layout-bar .blc-banner .blc-btns {
		flex: 0 0 auto !important;
		width: auto !important;
	}
}

/* ---------------------------------------------------------------- mobitel: donji list */

@media (max-width: 767px) {
	.blc-root .blc-dialog {
		top: auto !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		border-radius: 20px 20px 0 0 !important;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.25) !important;
		animation-name: blc-rise-sheet;
	}

	.blc-root .blc-handle {
		display: block !important;
		flex-shrink: 0 !important;
		width: 40px !important;
		height: 4px !important;
		margin: 0 auto !important;
		border-radius: 2px !important;
		background: var(--blc-handle) !important;
	}

	/* Donji razmak: gumbi završavaju 12 px iznad Allyja (JS računa --blc-sheet-pad). */
	.blc-root .blc-banner {
		padding: 12px 20px calc(var(--blc-sheet-pad, 28px) + env(safe-area-inset-bottom, 0px)) !important;
		gap: 14px !important;
		max-height: calc(100vh - 16px) !important;
		max-height: calc(100dvh - 16px) !important;
		overflow-y: auto !important;
	}

	.blc-root .blc-body {
		gap: 14px !important;
	}

	.blc-root .blc-title {
		font-size: 20px !important;
	}

	.blc-root .blc-banner .blc-text {
		line-height: 1.55 !important;
	}

	.blc-root .blc-x {
		margin: 0 -10px 0 auto !important;
	}

	.blc-root .blc-logo {
		max-width: 120px !important;
		max-height: 37px !important;
	}

	.blc-root .blc-brand--img {
		height: 37px !important;
	}

	.blc-root .blc-wordmark {
		font-size: 18px !important;
	}

	.blc-root .blc-btns {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		margin-top: 4px !important;
	}

	.blc-root .blc-btn {
		min-height: 52px !important;
	}

	/* Postavke / Spremi odabir idu u svoj red ispod Odbij sve i Prihvati sve. */
	.blc-root .blc-btn--settings,
	.blc-root .blc-btn--save {
		grid-column: 1 / -1 !important;
		order: 3 !important;
	}

	.blc-root .blc-settings {
		max-height: calc(100vh - 64px) !important;
		max-height: calc(100dvh - 64px) !important;
		padding: 0 !important;
		gap: 0 !important;
		overflow: hidden !important;
	}

	.blc-root .blc-settings__top {
		padding: 12px 20px 8px !important;
		gap: 10px !important;
	}

	.blc-root .blc-settings .blc-x {
		margin: 0 -10px 0 auto !important;
	}

	.blc-root .blc-settings__top .blc-text {
		font-size: 15px !important;
		line-height: 1.5 !important;
	}

	.blc-root .blc-settings__list {
		padding: 0 20px !important;
	}

	.blc-root .blc-cat {
		padding: 12px 0 !important;
	}

	.blc-root .blc-cookie__name {
		width: 150px !important;
	}

	.blc-root .blc-settings__foot {
		padding: 12px 20px calc(var(--blc-sheet-pad, 28px) + env(safe-area-inset-bottom, 0px)) !important;
	}

	.blc-root .blc-settings__foot .blc-btns {
		margin: 0 !important;
	}
}

/* ---------------------------------------------------------------- okviri za blokirani sadržaj */

.blc-embed {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	/* clip (ne hidden): okvir s omjerom smije narasti kad tekst ne stane (uski ekran). */
	overflow: hidden !important;
	overflow: clip !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--blc-embed-dark) !important;
	color: #ffffff !important;
	font-family: var(--blc-font-body) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	container-type: inline-size;
}

/* WordPress embed s omjerom: omotač drži visinu kroz ::before, a iframe je apsolutan.
   Okvir ga isključi (:has) i drži isti omjer sam, pa smije narasti kad tekst ne stane.
   Preglednik bez :has dobiva apsolutni okvir preko cijelog omotača. */
.wp-has-aspect-ratio .blc-embed {
	max-width: none !important;
}

@supports selector(:has(*)) {
	.wp-has-aspect-ratio .wp-block-embed__wrapper:has(> .blc-embed)::before {
		display: none !important;
	}
}

@supports not selector(:has(*)) {
	.wp-has-aspect-ratio .blc-embed {
		position: absolute !important;
		inset: 0 !important;
		height: 100% !important;
		aspect-ratio: auto !important;
	}
}

.blc-embed template {
	display: none !important;
}

.blc-embed .blc-embed__img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: cover !important;
	opacity: 1 !important;
}

.blc-embed .blc-embed__body {
	position: relative !important;
	z-index: 1 !important;
	flex: 1 1 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 16px !important;
}

/* Sličica pod tamnim slojem da tekst ima kontrast. */
.blc-embed--thumb .blc-embed__body {
	background: rgba(12, 14, 22, 0.78) !important;
}

.blc-embed .blc-embed__panel {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.blc-embed .blc-embed__top {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
}

.blc-embed .blc-embed__icon {
	display: flex !important;
	flex-shrink: 0 !important;
	color: currentColor !important;
}

.blc-embed .blc-embed__icon svg {
	display: block !important;
	width: 28px !important;
	height: 28px !important;
}

.blc-embed p,
.blc-embed .blc-embed__msgs {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.blc-embed .blc-embed__msg {
	font-size: 15px !important;
	line-height: 1.45 !important;
}

.blc-embed .blc-embed__msg--waiting {
	max-width: 500px !important;
}

.blc-embed .blc-embed__title {
	font-family: var(--blc-font-head) !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
}

.blc-embed .blc-embed__text {
	margin-top: 2px !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: rgba(255, 255, 255, 0.88) !important;
}

/* Stanje: "nije odlučio" (blc-undecided) ili "odbio" (blc-decided bez dopuštenja usluge). */
.blc-embed .blc-embed__msg--refused,
.blc-embed .blc-embed__lbl--refused {
	display: none !important;
}

html.blc-decided .blc-embed .blc-embed__msg--refused {
	display: block !important;
}

html.blc-decided .blc-embed .blc-embed__lbl--refused {
	display: inline !important;
}

html.blc-decided .blc-embed .blc-embed__msg--waiting,
html.blc-decided .blc-embed .blc-embed__lbl--waiting {
	display: none !important;
}

.blc-embed .blc-embed__btns {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
}

.blc-embed .blc-embed__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 6px 14px !important;
	border: 2px solid #ffffff !important;
	border-radius: var(--blc-btn-radius) !important;
	background: #ffffff !important;
	color: var(--blc-primary) !important;
	font-family: var(--blc-font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1.25 !important;
	letter-spacing: normal !important;
	text-align: center !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	white-space: normal !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.blc-embed .blc-embed__btn--main:hover,
.blc-embed .blc-embed__btn--main:focus {
	background: #ffffff !important;
	color: var(--blc-primary) !important;
	box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.06) !important;
}

.blc-embed .blc-embed__btn--ghost,
.blc-embed .blc-embed__btn--ghost:focus {
	background: transparent !important;
	color: #ffffff !important;
}

.blc-embed .blc-embed__btn--ghost:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #ffffff !important;
}

.blc-embed :focus-visible {
	outline: 3px solid #ffffff !important;
	outline-offset: 2px !important;
}

/* Široki okvir (container query): mjere s platna, 706 x 397; ikona iznad teksta.
   U uskom okviru ikona stoji lijevo od teksta, da okvir ostane što bliže omjeru videa. */
@container (min-width: 520px) {
	.blc-embed--youtube .blc-embed__top {
		flex-direction: column !important;
	}

	.blc-embed--youtube .blc-embed__body {
		padding: 40px !important;
	}

	.blc-embed--youtube .blc-embed__panel {
		gap: 14px !important;
	}

	.blc-embed--youtube .blc-embed__top {
		gap: 14px !important;
	}

	.blc-embed--youtube .blc-embed__icon svg {
		width: 40px !important;
		height: 40px !important;
	}

	.blc-embed--youtube .blc-embed__msg {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.blc-embed--youtube .blc-embed__title {
		font-size: 22px !important;
	}

	.blc-embed--youtube .blc-embed__text {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}

	.blc-embed--youtube .blc-embed__btns {
		gap: 12px !important;
		margin-top: 6px !important;
	}

	.blc-embed--youtube .blc-embed__btn {
		min-height: 48px !important;
		padding: 6px 20px !important;
		font-size: 15px !important;
	}
}

/* Spotify: kartica u tamnoj boji preseta, ikona lijevo od teksta (platno: Okvir-Spotify-BL). */
.blc-embed--spotify .blc-embed__body {
	align-items: flex-start !important;
	padding: 14px 16px !important;
}

.blc-embed--spotify .blc-embed__icon svg {
	width: 36px !important;
	height: 36px !important;
}

.blc-embed--spotify .blc-embed__msg {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.blc-embed--spotify .blc-embed__title {
	font-family: var(--blc-font-body) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.blc-embed--spotify .blc-embed__text {
	font-size: 13px !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Google Karte: uzorak karte i bijela ploča u bojama preseta (platno: Okvir-Karta-*). */
.blc-embed--maps {
	background-color: #ebe6db !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1080' height='300' viewBox='0 0 1080 300' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='1080' height='300' fill='%23ebe6db'/%3E%3Cpath d='M380 150l228-16 6 86-228 16z' fill='%23cfe3c4'/%3E%3Cpath d='M-40 268c360 8 720 18 1160 30v26H-40z' fill='%23b9d3e6'/%3E%3Cg stroke='%23ffffff' fill='none' stroke-linecap='square'%3E%3Cpath d='M-40 124L1120 42' stroke-width='10'/%3E%3Cpath d='M-40 222L1120 282' stroke-width='7'/%3E%3Cpath d='M300-40l56 400' stroke-width='9'/%3E%3Cpath d='M640-40l-42 400' stroke-width='7'/%3E%3Cpath d='M880-40l28 400' stroke-width='10'/%3E%3Cpath d='M120-40l-70 400' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E") !important;
	background-size: cover !important;
	background-position: center !important;
	color: var(--blc-text) !important;
}

.blc-embed--maps .blc-embed__body {
	justify-content: center !important;
	padding: 16px !important;
}

.blc-embed--maps .blc-embed__panel {
	width: 500px !important;
	max-width: 100% !important;
	padding: 18px !important;
	border-radius: 12px !important;
	background: var(--blc-surface) !important;
	color: var(--blc-text) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
}

.blc-embed--maps .blc-embed__top {
	align-items: center !important;
	gap: 12px !important;
}

.blc-embed--maps .blc-embed__icon {
	color: var(--blc-primary) !important;
}

.blc-embed--maps .blc-embed__icon svg {
	width: 36px !important;
	height: 36px !important;
}

.blc-embed--maps .blc-embed__msg {
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.blc-embed--maps .blc-embed__title {
	font-family: var(--blc-font-body) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
}

.blc-embed--maps .blc-embed__text {
	font-size: 15px !important;
	color: var(--blc-muted) !important;
}

.blc-embed--maps .blc-embed__btn {
	padding: 6px 18px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	border-color: var(--blc-primary) !important;
}

.blc-embed--maps .blc-embed__btn--main,
.blc-embed--maps .blc-embed__btn--main:hover,
.blc-embed--maps .blc-embed__btn--main:focus {
	background: var(--blc-primary) !important;
	color: var(--blc-on-primary) !important;
}

.blc-embed--maps .blc-embed__btn--ghost,
.blc-embed--maps .blc-embed__btn--ghost:hover,
.blc-embed--maps .blc-embed__btn--ghost:focus {
	background: transparent !important;
	color: var(--blc-primary) !important;
}

.blc-embed--maps :focus-visible {
	outline-color: var(--blc-primary) !important;
}

@container (min-width: 520px) {
	.blc-embed--maps .blc-embed__panel {
		padding: 22px 24px !important;
	}

	.blc-embed--maps .blc-embed__btns {
		gap: 10px !important;
	}
}

/* ---------------------------------------------------------------- visoki kontrast (Windows) */

@media (forced-colors: active) {
	.blc-root .blc-dialog {
		border: 2px solid CanvasText !important;
	}

	.blc-root .blc-switch {
		border: 2px solid ButtonText !important;
	}

	.blc-root .blc-switch[aria-checked="true"] .blc-switch__knob {
		background: Highlight !important;
	}
}

/* ---------------------------------------------------------------- pokret */

@keyframes blc-fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes blc-rise {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes blc-rise-sheet {
	from {
		transform: translateY(24px);
		opacity: 0;
	}

	to {
		transform: none;
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.blc-root .blc-dialog,
	.blc-root .blc-overlay {
		animation: none !important;
	}

	.blc-root .blc-btn,
	.blc-root .blc-switch,
	.blc-root .blc-switch__knob,
	.blc-root .blc-fab {
		transition: none !important;
	}

	.blc-root .blc-fab:hover {
		transform: none !important;
	}
}

/* ---------------------------------------------------------------- ispis */

@media print {
	.blc-root,
	.blc-root[hidden],
	.blc-embed .blc-embed__btns {
		display: none !important;
	}
}