/* Menu item base setup */
.menu-item > a,
.nav-menu li a,
.elementor-nav-menu--main .elementor-item {
    position: relative;
    display: inline-block;
    transition: transform 0.2s ease, color 0.3s ease !important;
}

/* Hover effect: Scale up slightly */
.menu-item > a:hover,
.nav-menu li a:hover,
.elementor-nav-menu--main .elementor-item:hover {
    transform: translateY(-2px);
    color: #800000 !important; /* Using the maroon brand color */
}

/* Underline animation on hover */
.menu-item > a::after,
.nav-menu li a::after,
.elementor-nav-menu--main .elementor-item::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #800000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

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

/* Click/Active effect: Scale down */
.menu-item > a:active,
.nav-menu li a:active,
.elementor-nav-menu--main .elementor-item:active {
    transform: scale(0.95);
}