/**
 * STOP NAVBAR/LOGO FLICKERING FIX
 * Prevents flickering in top left (logo area)
 */

@media (max-width: 768px) {
    /* Stop all logo/navbar animations and transitions on mobile */
    .navbar,
    .logo-container,
    .logo,
    .logo-text {
        animation: none !important;
        will-change: auto !important;
    }
    
    /* But ALLOW transitions for menu toggle functionality */
    .navbar {
        transition: background 0.3s ease !important;
    }
    
    /* Ensure logo loads immediately without flicker */
    .logo {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        transition: none !important;
    }
    
    .logo-container,
    .logo-text {
        transition: none !important;
    }
    
    /* Disable gradient orb animations on mobile (can cause flickering) */
    .gradient-orb,
    .orb-1,
    .orb-2,
    .orb-3 {
        animation: none !important;
        display: none !important;
    }
    
    /* Stop hero animations that might cause flicker */
    .hero-badge {
        animation: none !important;
    }
    
    /* Force immediate render of navbar */
    .navbar {
        transform: none !important;
        opacity: 1 !important;
    }
    
    /* Prevent backdrop filter from causing flicker */
    .navbar {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(255, 255, 255, 1) !important;
    }
    
    /* CRITICAL: Allow menu to expand */
    .nav-links,
    .nav-links.active,
    .mobile-menu-toggle,
    .mobile-menu-toggle span {
        transition: all 0.3s ease !important;
    }
}

/* Desktop - keep animations */
@media (min-width: 769px) {
    /* Ensure smooth logo loading on desktop too */
    .logo {
        image-rendering: crisp-edges;
        image-rendering: -webkit-optimize-contrast;
    }
}