/* Mobile Animation Fixes CSS */
/* This CSS file completely disables animations on mobile for better job form UX */

/* Mobile-specific animation overrides - COMPLETE DISABLE */
@media screen and (max-width: 768px) {
    /* DISABLE ALL ANIMATIONS AND TRANSITIONS */
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        animation-duration: 0s !important;
        animation-delay: 0s !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
    
    /* FORM-SPECIFIC OVERRIDES */
    #multiStepForm *,
    #multiStepForm *::before,
    #multiStepForm *::after {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    /* Input fields - instant feedback only */
    input, select, textarea {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    input:focus, select:focus, textarea:focus {
        transition: none !important;
        transform: none !important;
        animation: none !important;
        /* Instant border color change only */
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
    }
    
    /* Buttons - no hover effects, instant feedback only */
    button, .btn {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    button:hover, .btn:hover {
        transform: none !important;
        box-shadow: none !important;
        animation: none !important;
    }
    
    button:active, .btn:active {
        transform: none !important;
        animation: none !important;
        /* Instant background color change only */
        background-color: rgba(59, 130, 246, 0.1) !important;
    }
    
    /* Form steps - instant show/hide */
    .form-step {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .form-step.active {
        opacity: 1 !important;
        display: block !important;
        transform: none !important;
    }
    
    .form-step:not(.active) {
        opacity: 0 !important;
        display: none !important;
        transform: none !important;
    }
    
    /* Progress indicators - no animations */
    .progress-step-item {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .progress-step-item:hover {
        transform: none !important;
        animation: none !important;
    }
    
    .progress-step-item.active {
        /* Instant color change only */
        background-color: #eff6ff !important;
        border-color: #3b82f6 !important;
        transform: none !important;
    }
    
    .progress-step-item.completed {
        background-color: #f0fdf4 !important;
        border-color: #10b981 !important;
        transform: none !important;
    }
    
    /* Work type options - no scaling or animations */
    .work-type-option {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .work-type-option:hover {
        transform: none !important;
        box-shadow: none !important;
        animation: none !important;
    }
    
    .work-type-option.selected {
        background-color: #dbeafe !important;
        border-color: #3b82f6 !important;
        transform: none !important;
    }
    
    /* Input wrappers - no scaling */
    .input-wrapper {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .input-wrapper:hover {
        transform: none !important;
    }
    
    /* Job cards - no hover effects */
    .job-card {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .job-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
    
    .job-card:active {
        transform: none !important;
        background-color: rgba(59, 130, 246, 0.05) !important;
    }
    
    /* DISABLE ALL DECORATIVE ANIMATIONS */
    .float-animation,
    .pulse-border,
    .scale-in,
    .slide-in-bottom,
    .glow-effect,
    .bounce,
    .fade-in,
    .slide-in,
    .scale-up,
    [data-aos] {
        animation: none !important;
        transform: none !important;
        transition: none !important;
    }
    
    /* Loading indicators - keep functional but simple */
    .spinner {
        animation: spin 1s linear infinite !important;
    }
    
    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    
    /* Modal transitions - instant */
    .modal, #job-details-modal {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    .modal.active, #job-details-modal.active {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    
    /* Testimonial carousel - no transitions */
    .testimonial-carousel,
    .testimonial-slide {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }
    
    /* Navigation - instant feedback */
    nav a, .nav-link {
        transition: none !important;
        transform: none !important;
    }
    
    nav a:hover, .nav-link:hover {
        transform: none !important;
        color: #3b82f6 !important;
    }
}