80)"
     @mouseenter="isNavHovered = true"
     @mouseleave="isNavHovered = false; setTimeout(() => { if(!isNavHovered) { isMenuHovered = false; activeMenuSection = null; } }, 100)"
     :class="isDarkTheme ? 'bg-black text-white' : (isMenuHovered || isScrolled ? 'bg-white shadow-sm' : 'bg-transparent')"
     class="w-full sticky top-0 transition-all duration-200 z-50"
     id="main-navbar"
     x-cloak>