/*
 * Halo Tours Sticky Navigation
 * Pravljeno za temu "agencija" i postojeci Responsive Menu Pro.
 */

.halo-sticky-navigation-marker {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
}

/* Isti originalni red sa logotipom i menijem ostaje na vrhu ekrana. */
.header-outer-wrapper .header-wrapper.halo-sticky-navigation-active {
	position: fixed !important;
	top: var(--halo-sticky-navigation-top, 0px) !important;
	right: 0 !important;
	left: 0 !important;
	z-index: 99990 !important;
	width: 100% !important;
	margin: 0 !important;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
	animation: halo-sticky-navigation-enter 160ms ease-out;
}

/*
 * Na telefonu zadrzavamo plavu traku i logotip. Postojeci Responsive Menu Pro
 * otvara bocni meni, pa sakrivamo stari padajuci meni teme samo u zaglavljenom
 * redu. Dugme zadrzava svoju plavu 3D pozadinu i senku.
 */
@media only screen and (max-width: 800px) {
	.header-wrapper.halo-sticky-navigation-active .header-container {
		min-height: 68px !important;
	}

	.header-wrapper.halo-sticky-navigation-active .logo-wrapper {
		float: left !important;
		width: 160px !important;
		max-width: calc(100% - 82px) !important;
		margin: 0 0 0 14px !important;
		padding: 8px 0 !important;
		text-align: left !important;
	}

	.header-wrapper.halo-sticky-navigation-active .logo-wrapper a {
		max-width: 150px !important;
	}

	.header-wrapper.halo-sticky-navigation-active .logo-wrapper img {
		width: 150px !important;
		height: auto !important;
	}

	/* Responsive Menu Pro dugme zamenjuje stari select meni teme. */
	.header-wrapper.halo-sticky-navigation-active .gdl-navigation-wrapper {
		display: none !important;
	}

	button#responsive-menu-pro-button {
		top: 12px !important;
		right: 12px !important;
		width: 54px !important;
		height: 54px !important;
		background: linear-gradient(135deg, #004e92 0%, #000428 100%) !important;
		border: 1px solid rgba(255, 255, 255, 0.28) !important;
		border-radius: 12px !important;
		box-shadow: 0 5px 16px rgba(0, 0, 0, 0.32) !important;
		opacity: 1 !important;
	}

	body.halo-sticky-navigation-is-active button#responsive-menu-pro-button {
		top: calc(var(--halo-sticky-navigation-top, 0px) + 7px) !important;
	}

	/* Pre nego sto plava traka stigne do vrha, ne prekrivamo administratorski meni. */
	body.admin-bar:not(.halo-sticky-navigation-is-active) button#responsive-menu-pro-button {
		top: 58px !important;
	}

	button#responsive-menu-pro-button:hover,
	button#responsive-menu-pro-button:focus,
	.responsive-menu-pro-open button#responsive-menu-pro-button {
		background: linear-gradient(135deg, #0068b8 0%, #00133f 100%) !important;
	}
}

@keyframes halo-sticky-navigation-enter {
	from {
		transform: translateY(-12px);
		opacity: 0.75;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.header-outer-wrapper .header-wrapper.halo-sticky-navigation-active {
		animation: none !important;
	}
}