/* ==========================================================================
   YS Nav — hover dinámico con subrayado animado en el menú principal
   Identidad visual: navy #00247e · acento naranja #cd7d0b
   El template referenciaba un ::before para el hover que nunca se definió;
   este archivo lo implementa correctamente.
   ========================================================================== */

.temkuri_menu > ul > li > a {
	position: relative;
	overflow: visible;
}

.temkuri_menu > ul > li > a::after {
	content: "";
	position: absolute;
	left: 17px;
	right: 17px;
	bottom: 22px;
	height: 2px;
	background: linear-gradient(90deg, #cd7d0b, #f0a93a);
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}

.temkuri_menu > ul > li > a:hover {
	color: #cd7d0b;
	transform: translateY(-1px);
}

.temkuri_menu > ul > li > a {
	transition: color .3s ease, transform .3s cubic-bezier(.2, .8, .2, 1);
}

.temkuri_menu > ul > li > a:hover::after,
.temkuri_menu > ul > li.menu-item-has-children:hover > a::after {
	transform: scaleX(1);
}

/* el ::before original del template ya no aplica; lo neutralizamos */
.temkuri_menu > ul > li > a::before {
	display: none;
}

.temkuri_menu ul .sub-menu li a {
	transition: color .25s ease, transform .25s ease, padding-left .25s ease;
}

.temkuri_menu ul .sub-menu li:hover > a {
	transform: translateX(4px);
	padding-left: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.temkuri_menu > ul > li > a,
	.temkuri_menu > ul > li > a::after,
	.temkuri_menu ul .sub-menu li a {
		transition-duration: .01ms !important;
	}
}