/* ==========================================================================
   NAVIGATION HOVER ANIMATION
   Add "jw-nav-lift" to your Divi Menu module's CSS Class field.
   Individual menu links lift up on hover with a color shift.
   ========================================================================== */

/* Transition on each link, not the container */
.jw-nav-lift .et-menu-nav li a {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease !important;
}

.jw-nav-lift .et-menu-nav li a:hover {
    transform: translateY(-3px) !important;
    color: var(--jw-pacific-blue, #47A8BD) !important;
}

/* Active / current page link */
.jw-nav-lift .et-menu-nav li.current-menu-item a {
    color: var(--jw-pacific-blue, #47A8BD) !important;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .jw-nav-lift .et-menu-nav li a {
        transition: color 0.3s ease !important;
    }

    .jw-nav-lift .et-menu-nav li a:hover {
        transform: none !important;
    }
}