/* Mobile Generate Workout Button Styling */
/* Green with Neon Orange accents for mobile devices */

/* Mobile-specific styles */
@media (max-width: 768px) {
    /* Dashboard hero section generate button */
    .generate-workout-btn {
        background: linear-gradient(135deg, #22C55E 0%, #16A34A 60%, #FF6B35 100%) !important;
        color: white !important;
        border: 2px solid #FF6B35 !important;
        box-shadow: 0 0 20px rgba(255, 107, 53, 0.5), 
                    0 0 40px rgba(34, 197, 94, 0.3) !important;
        position: relative;
        overflow: hidden;
        animation: neonPulse 2s ease-in-out infinite;
    }

    .generate-workout-btn::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(
            45deg,
            transparent,
            rgba(255, 107, 53, 0.3),
            transparent
        );
        transform: rotate(45deg);
        animation: shimmer 3s linear infinite;
    }

    .generate-workout-btn:hover {
        background: linear-gradient(135deg, #16A34A 0%, #22C55E 60%, #FF6B35 100%) !important;
        box-shadow: 0 0 30px rgba(255, 107, 53, 0.7), 
                    0 0 60px rgba(34, 197, 94, 0.5) !important;
        transform: translateY(-3px) scale(1.02);
    }

    /* Hamburger menu generate button */
    .mobile-menu .generate-workout-btn,
    .nav-menu .generate-workout-btn,
    .hamburger-menu .generate-workout-btn {
        background: linear-gradient(135deg, #22C55E 0%, #16A34A 60%, #FF6B35 100%) !important;
        color: white !important;
        border: 2px solid #FF6B35 !important;
        box-shadow: 0 0 15px rgba(255, 107, 53, 0.4) !important;
        text-align: center;
        font-weight: 700 !important;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
    }

    .mobile-menu .generate-workout-btn::after,
    .nav-menu .generate-workout-btn::after,
    .hamburger-menu .generate-workout-btn::after {
        content: '⚡';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        animation: electricPulse 1.5s ease-in-out infinite;
    }

    /* Navigation links that might contain generate workout */
    .nav-links a[href*="generate"],
    .mobile-nav-links a[href*="generate"],
    .hamburger-nav a[href*="generate"] {
        background: linear-gradient(135deg, #22C55E 0%, #16A34A 60%, #FF6B35 100%) !important;
        color: white !important;
        border: 2px solid #FF6B35 !important;
        border-radius: 12px !important;
        padding: 12px 24px !important;
        box-shadow: 0 0 15px rgba(255, 107, 53, 0.4) !important;
        text-decoration: none !important;
        display: inline-block;
        font-weight: 700 !important;
        margin: 10px 0;
    }

    /* Icon styling */
    .generate-workout-btn i,
    .generate-workout-btn .btn-icon {
        color: #FFE4B5 !important;
        text-shadow: 0 0 10px rgba(255, 107, 53, 0.8);
        animation: iconGlow 1.5s ease-in-out infinite alternate;
    }
}

/* Animations */
@keyframes neonPulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 107, 53, 0.5), 
                    0 0 40px rgba(34, 197, 94, 0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 107, 53, 0.7), 
                    0 0 60px rgba(34, 197, 94, 0.5);
    }
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

@keyframes electricPulse {
    0%, 100% {
        opacity: 0.5;
        transform: translateY(-50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.2);
    }
}

@keyframes iconGlow {
    from {
        filter: drop-shadow(0 0 2px rgba(255, 107, 53, 0.6));
    }
    to {
        filter: drop-shadow(0 0 8px rgba(255, 107, 53, 1));
    }
}

/* Additional mobile-specific overrides */
@media (max-width: 480px) {
    .generate-workout-btn {
        font-size: 1.1rem !important;
        padding: 14px 28px !important;
    }
    
    /* Make sure the button stands out in the mobile menu */
    .mobile-menu .generate-workout-btn {
        margin: 15px 10px !important;
        width: calc(100% - 20px) !important;
        display: block !important;
    }
}

/* Dark mode support */
[data-theme="dark"] .generate-workout-btn {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 50%, #FF6B35 100%) !important;
    border-color: #FF8C5A !important;
}

/* Light mode support */
[data-theme="light"] .generate-workout-btn {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 60%, #FF5722 100%) !important;
    border-color: #FF5722 !important;
    box-shadow: 0 0 20px rgba(255, 87, 34, 0.5), 
                0 0 40px rgba(34, 197, 94, 0.3) !important;
}