/* Sticky header + glatki skrol do sekcija */
html {
	scroll-behavior: smooth;
}
.elementor-location-header {
	position: sticky;
	top: 0;
	z-index: 999;
}
.admin-bar .elementor-location-header {
	top: 32px;
}
@media (max-width: 782px) {
	.admin-bar .elementor-location-header {
		top: 0;
	}
}
.elementor section[id],
.elementor div[id].e-con {
	scroll-margin-top: 76px;
}

/* Mobilni meni (do 1024px) */
@media (max-width: 1024px) {
	.hd-menu {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.25s ease, visibility 0s linear 0.25s;
	}
	.hd-header.hd-open .hd-menu {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.25s ease, visibility 0s linear 0s;
	}
	.hd-header.hd-open .hd-burger-line:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.hd-header.hd-open .hd-burger-line:nth-child(2) {
		opacity: 0;
	}
	.hd-header.hd-open .hd-burger-line:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}
	/* Zakljucavamo samo html: overflow na body-ju bi ga pretvorio u
	   scroll kontejner i sticky header bi skocio na vrh strane. */
	html.hd-lock {
		overflow: hidden;
	}
}
