/* Alka Custom Menu - frontend CSS */
.alka-nav-block {
	display: flex;
}

.alka-nav-wrap {
	display: flex;
}

.alka-nav-main,
.alka-nav-main ul,
.alka-nav-main li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.alka-nav-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}

.alka-nav-main > li {
	position: relative;
	display: flex;
	align-items: center;
}

.alka-nav-main > li > a {
	display: block;
	text-decoration: none;
	line-height: 1.4;
	transition: color .25s ease, background-color .25s ease;
}

.alka-sub-toggle {
	font-size: .8em;
	margin-left: .35em;
	pointer-events: none;
	user-select: none;
}

/* Istaknuta stavka (CTA) - default crveni gumb, Elementor override može promijeniti */
.alka-nav-main li.alka-featured > a {
	border-radius: 30px;
	padding: .55em 1.4em;
	background-color: #e0564f !important;
	color: #ffffff !important;
	transition: background-color .25s ease;
}
.alka-nav-main li.alka-featured > a:hover {
	background-color: #c9433d !important;
}

/* Submenu - smooth fade+slide, spori (odgođeni) izlaz */
.alka-nav-sub {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background-color: #ffffff;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	border: 1px solid #e6efe9;
	z-index: 10;
	overflow: hidden;

	/* sakriveno stanje */
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	pointer-events: none;

	/* ulazak brzo, izlazak sporo (zadrzi 0.35s prije nestanka) */
	transition:
		opacity .2s ease,
		transform .2s ease,
		visibility 0s linear .35s;
}

.alka-nav-main li:hover > .alka-nav-sub,
.alka-nav-main li:focus-within > .alka-nav-sub {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;

	/* na hover, bez odgode visibility-a (trenutno vidljivo) */
	transition:
		opacity .2s ease,
		transform .2s ease,
		visibility 0s linear 0s;
}

.alka-nav-sub li {
	display: block;
}

.alka-nav-sub a {
	display: block;
	padding: .55em 1.2em;
	text-decoration: none;
	white-space: nowrap;
	transition: color .25s ease, background-color .25s ease;
}

.alka-nav-sub li + li {
	border-top: 1px solid #e6efe9;
}

.alka-nav-sub li:first-child > a {
	border-radius: 14px 14px 0 0;
}

.alka-nav-sub li:last-child > a {
	border-radius: 0 0 14px 14px;
}