/* MV Oglasi na portalu: mjesto drži omjer formata dok se banner ne nacrta, prazno mjesto se skriva. */
.mvog-mjesto {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: 1084px !important;
	margin: 24px auto !important;
	aspect-ratio: var(--mvog-omjer, 1084 / 250) !important;
}

.mvog-mjesto.mvog-f-clanak {
	max-width: 760px !important;
}

.mvog-mjesto.mvog-pun {
	aspect-ratio: auto !important;
}

.mvog-mjesto.mvog-prazno {
	display: none !important;
}

.mvog-mjesto .mvog-a {
	display: block !important;
	line-height: 0 !important;
	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.mvog-mjesto .mvog-img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

.mvog-mjesto .mvog-oznaka {
	display: block !important;
	margin: 0 0 4px !important;
	font: 500 11px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif !important;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;
	color: #6F6D6A !important;
}

/* Prelazak mišem: Elementor kontejneri oko bannera na naslovnici (cijela širina stranice) imaju sjenu na hover,
   pa sjena visi preko praznog prostora. Kontejner oko našeg mjesta ostaje miran, a sjena ide samo oko bannera. */
.e-con:has(> .e-con-inner > .elementor-widget-shortcode .mvog-mjesto):hover,
.e-con:has(> .elementor-widget-shortcode .mvog-mjesto):hover {
	box-shadow: none !important;
	transform: none !important;
}

.mvog-mjesto .mvog-a {
	transition: box-shadow 0.2s ease !important;
}

.mvog-mjesto .mvog-a:hover {
	box-shadow: 0 10px 30px -6px rgba(0, 0, 0, 0.18) !important;
}

.mvog-mjesto .mvog-a:focus-visible {
	outline: 2px solid #162394 !important;
	outline-offset: 3px !important;
}