/* SPU Menu Icons v1.0.3 */

/* 1) Rodič ikony (a / span.menu-item-title-wrap / čokoľvek) = flex stĺpec */
li.spumi-has-icon :has(> .spumi-icon),
li.spumi-has-icon > a:has(.spumi-icon),
li.spumi-has-icon > .wrap > a:has(.spumi-icon) {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	text-align: center !important;
	line-height: 1.15 !important;
	height: auto !important;
	width: auto !important;
}

/* 2) Samotný odkaz – centrovanie a auto výška (Neve má fixnú výšku riadku) */
ul li.spumi-has-icon > a,
ul li.spumi-has-icon > .wrap > a,
ul li.spumi-has-icon > .wrap {
	height: auto !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.spumi-label {
	display: block;
}

ul li .spumi-icon {
	display: block !important;
	font-size: var(--spumi-size, 34px) !important;
	line-height: 1 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	color: var(--spumi-color, currentColor);
	transition: transform .15s ease;
}

li.spumi-has-icon a:hover .spumi-icon {
	transform: translateY(-2px);
}

/* Neve: šípka podmenu ostane vedľa textu */
li.spumi-has-icon .caret-wrap {
	order: 3;
}

/* voľba "ikona vľavo od textu" */
li.spumi-has-icon.spumi-inline :has(> .spumi-icon),
li.spumi-has-icon.spumi-inline > a:has(.spumi-icon),
li.spumi-has-icon.spumi-inline > .wrap > a:has(.spumi-icon) {
	flex-direction: row !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	text-align: left !important;
}

/* mobil / off-canvas menu */
@media (max-width: 960px) {
	li.spumi-has-icon :has(> .spumi-icon),
	li.spumi-has-icon > a:has(.spumi-icon),
	li.spumi-has-icon > .wrap > a:has(.spumi-icon) {
		flex-direction: row !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		text-align: left !important;
	}
	ul li .spumi-icon {
		font-size: var(--spumi-size-mobile, 22px) !important;
		width: 1.4em !important;
		text-align: center;
	}
}