{ isSubMenuOpen = false }, 300)"
@mouseenter="clearTimeout(closeTimeout); openTimeout = setTimeout(() => { isSubMenuOpen = true }, 200)"
:class="isSubMenuOpen
? 'opacity-100 visible translate-y-0'
: 'opacity-0 invisible -translate-y-2'"
class="absolute top-full right-0 mt-2 w-56 bg-card border border-border rounded-xl shadow-elevated overflow-hidden transition-all duration-200 z-50">