/* ============================================
   Sign-In Button Pulsing Animation
   ============================================
   Professional, subtle pulsing animation to
   draw attention to sign-in/sign-up buttons
   ============================================ */

/* Base animation properties - applied to all sign-in/sign-up buttons */
.signin-pulse-btn,
#signHeroBtn,
#mobileSignBtn,
.signup-button,
button.signup-button,
.btn.signup-button,
.landing-btn-signup,
a.landing-btn-signup,
a.landing-nav-link,
.landing-nav-link[href*="login"],
.landing-nav-link[href*="Login"],
/* Sign-up buttons */
a.btn-primary[href*="Register"],
a.btn-primary[href*="register"],
a.btn-primary[href*="SignUp"],
a.btn-primary[href*="signup"],
a.btn-primary.ms-2,
a[href*="Account/Register"].btn-primary,
a[href*="account/register"].btn-primary,
.nav-item a.btn-primary[href*="Register"],
.nav-item a.btn-primary[href*="register"],
.navbar .nav-item:has(a[href*="Register"]) .btn-primary,
.navbar .nav-item:has(a[href*="register"]) .btn-primary,
.navbar-nav .nav-item .btn-primary.ms-2,
/* Sign-in buttons */
a.nav-link[href*="Login"],
a.nav-link[href*="login"],
a.nav-link[href*="SignIn"],
a.nav-link[href*="signin"],
a[href*="Login"].nav-link,
a[href*="login"].nav-link,
a[href*="Account/Login"],
a[href*="account/login"],
.nav-item a[href*="Login"],
.nav-item a[href*="login"],
.navbar .nav-item:has(a[href*="Login"]) .nav-link,
.navbar .nav-item:has(a[href*="login"]) .nav-link {
    animation: subtlePulse 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform, box-shadow;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Refined pulsing animation - subtle and professional */
@keyframes subtlePulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(0, 123, 255, 0.4);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 0 0 4px rgba(0, 123, 255, 0.15);
    }
}

/* Enhanced interaction states */
.signin-pulse-btn:hover,
#signHeroBtn:hover,
.signup-button:hover,
.landing-btn-signup:hover,
a.btn-primary[href*="Register"]:hover,
a.btn-primary[href*="register"]:hover,
a.nav-link[href*="Login"]:hover,
a.nav-link[href*="login"]:hover {
    animation-duration: 2.5s;
    transform: scale(1.03);
}

/* Pause animation on active state for better UX */
.signin-pulse-btn:active,
#signHeroBtn:active,
.signup-button:active,
.landing-btn-signup:active,
a.btn-primary[href*="Register"]:active,
a.btn-primary[href*="register"]:active,
a.nav-link[href*="Login"]:active,
a.nav-link[href*="login"]:active {
    animation-play-state: paused;
    transform: scale(0.98);
}