/* ==========================================================================
   MENU HOVER LIFT
   Class: tv-nav-lift
   Add this class to any Divi Menu module's CSS Class field.
   Individual links lift up 3px on hover using transform (not margin
   or position), so only the hovered link moves — not the whole bar.
   ========================================================================== */

/* ---------- Ensure each link is its own transform context ---------- */
.tv-nav-lift .et-menu-nav li a,
.tv-nav-lift nav li a {
    display: inline-block;       /* transform requires block/inline-block */
    transition: transform 0.25s ease, color 0.25s ease;
}

/* ---------- Lift on hover ---------- */
.tv-nav-lift .et-menu-nav li a:hover,
.tv-nav-lift nav li a:hover {
    transform: translateY(-3px);
}

/* ---------- Respect reduced-motion preference ---------- */
@media (prefers-reduced-motion: reduce) {
    .tv-nav-lift .et-menu-nav li a,
    .tv-nav-lift nav li a {
        transition: none;
    }

    .tv-nav-lift .et-menu-nav li a:hover,
    .tv-nav-lift nav li a:hover {
        transform: none;
    }
}