:root{
	--an-main-underline-thickness: 5px;
	--an-main-anim-duration: .28s;
	--an-sub-anim-duration: .24s;
	--an-sub-anim-ease: cubic-bezier(.2,.7,.2,1);
}

/* ===========================
   Główne linki (underline)
   =========================== */
.main-nav-link {
	position: relative;
	text-decoration: none;
	background-image: linear-gradient(#31245a, #31245a);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0% var(--an-main-underline-thickness);
	transition: background-size var(--an-main-anim-duration) ease;
}
.main-nav-link:hover,
.main-nav-link:focus,
.main-nav-item[aria-current="page"] > .main-nav-link {
	background-size: 100% var(--an-main-underline-thickness);
}

/* ===========================
   Submenu – fade/slide
   =========================== */
@keyframes an-submenu-fade-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

.is-animated-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container {
	animation: an-submenu-fade-in var(--an-sub-anim-duration) var(--an-sub-anim-ease);
	transform-origin: top;
}

/* Submenu linki */
.sub-nav-link {
	transition:
		transform var(--an-sub-anim-duration) var(--an-sub-anim-ease),
		opacity var(--an-sub-anim-duration) var(--an-sub-anim-ease),
		background-size var(--an-sub-anim-duration) var(--an-sub-anim-ease);
	opacity: .92;
	background-image: linear-gradient(#31245a, #31245a);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0% 5px;
	text-decoration: none!important;
}
.sub-nav-link:hover,
.sub-nav-link:focus {
	transform: translateX(6px);
	opacity: 1;
	background-size: 100% 3px;

}