/* Professional Navigation Menu Styles - 9340ec81 */

/* Target common WordPress and Elementor navigation menu items */
.elementor-nav-menu .menu-item > a,
.nav-menu .menu-item > a,
.main-navigation .menu-item > a {
	position: relative !important;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	padding-bottom: 8px !important;
}

/* Modern sliding underline effect */
.elementor-nav-menu .menu-item > a::after,
.nav-menu .menu-item > a::after,
.main-navigation .menu-item > a::after {
	content: '' !important;
	position: absolute !important;
	width: 100% !important;
	height: 2px !important;
	bottom: 0 !important;
	left: 0 !important;
	background-color: var(--e-global-color-primary, #007bff) !important;
	transform: scaleX(0) !important;
	transform-origin: bottom right !important;
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-nav-menu .menu-item > a:hover::after,
.nav-menu .menu-item > a:hover::after,
.main-navigation .menu-item > a:hover::after {
	transform: scaleX(1) !important;
	transform-origin: bottom left !important;
}

/* Dropdown menu micro-interactions */
.sub-menu {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease !important;
	pointer-events: none;
}

.menu-item-has-children:hover > .sub-menu {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}