.vaszil-menu-nav {
	margin: 2rem 0 1.5rem;
}

.vaszil-menu-nav__inner {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	padding: 0.85rem 1rem;
	border: 1px solid #f0bcd5;
	border-radius: 6px;
	background: #f8fafb;
}

.vaszil-menu-nav__slot {
	min-width: 0;
	max-width: 100%;
}

.vaszil-menu-nav__slot--prev {
	justify-self: start;
}

.vaszil-menu-nav__slot--parent {
	justify-self: center;
	max-width: min(100%, 16rem);
}

.vaszil-menu-nav__slot--next {
	justify-self: end;
}

.vaszil-menu-nav__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: flex-start;
	width: fit-content;
	max-width: 100%;
	padding: 0.55rem 0.65rem;
	border: 1px solid #e8d4de;
	border-radius: 4px;
	background: #fff;
	color: inherit;
	text-decoration: none !important;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
}

.vaszil-menu-nav__link:hover,
.vaszil-menu-nav__link:focus,
.vaszil-menu-nav__link:visited,
.vaszil-menu-nav__link:active {
	border-color: #d89ab8;
	text-decoration: none !important;
}

.vaszil-menu-nav__link--disabled {
	opacity: 0.38;
	cursor: default;
	pointer-events: none;
	background: #fafafa;
	border-color: #e6e6e6;
	color: #9a9a9a;
}

.vaszil-menu-nav__link--disabled:hover,
.vaszil-menu-nav__link--disabled:focus {
	border-color: #e6e6e6;
	text-decoration: none !important;
}

.vaszil-menu-nav__title {
	font-size: 0.98rem;
	line-height: 1.35;
	font-weight: 600;
	text-decoration: none !important;
}

.vaszil-menu-nav__arrow {
	font-size: 0.98rem;
	line-height: 1;
	font-weight: 600;
}

.vaszil-menu-nav__link--prev .vaszil-menu-nav__title::before {
	content: "\2190 ";
}

.vaszil-menu-nav__link--parent .vaszil-menu-nav__title::before {
	content: "\2191 ";
}

.vaszil-menu-nav__link--next .vaszil-menu-nav__title::after {
	content: " \2192";
}

@media (min-width: 640px) {
	.vaszil-menu-nav {
		display: none !important;
	}
}

@media (max-width: 639px) {
	.vaszil-menu-nav__slot--parent {
		max-width: none;
	}

	.vaszil-menu-nav__link--parent .vaszil-menu-nav__title {
		font-size: 0;
		line-height: 0;
	}

	.vaszil-menu-nav__link--parent .vaszil-menu-nav__title::before {
		content: "\2191";
		font-size: 0.98rem;
		line-height: 1;
		font-weight: 600;
	}
}