/* Hover bounce effects for interactive elements */

@keyframes bounce-subtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes bounce-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-6px) scale(1.02); }
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(10, 61, 143, 0); }
    50% { box-shadow: 0 0 15px 2px rgba(10, 61, 143, 0.15); }
}

/* Menu links bounce on hover */
@media (hover: hover) {
    .header-menu-link:hover .header-menu-link-inner {
        animation: bounce-subtle 0.6s ease-in-out;
    }
    
    /* Project items float on hover */
    .project-item:hover {
        animation: bounce-float 0.8s ease-in-out;
    }
    
    /* CTA buttons pulse glow */
    #home-reel-cta:hover,
    #home-featured-cta:hover {
        animation: pulse-glow 1.5s ease-in-out infinite;
    }
    
    /* Footer social links bounce */
    .footer-socials-line:hover {
        animation: bounce-subtle 0.5s ease-in-out;
    }
    
    /* Header talk button bounce */
    #header-right-talk-btn:hover {
        animation: bounce-subtle 0.5s ease-in-out;
    }
    
    /* Contact/submit buttons */
    .btn-primary:hover,
    button[type="submit"]:hover {
        animation: bounce-float 0.6s ease-in-out;
    }
    
    /* Scroll nav hover */
    #scroll-nav-content:hover #scroll-nav-text {
        animation: bounce-subtle 0.6s ease-in-out;
    }
}