/* Mobile Form Fix - Aggressive removal of animations and colors from forms ONLY */

/* Target mobile devices and tablets */
@media (max-width: 1024px) {
    /* Kill ALL animations in forms and modals */
    form *,
    .thank-you-overlay,
    .thank-you-overlay *,
    .thank-you-message,
    .thank-you-message *,
    #smartFormModal,
    #smartFormModal *,
    #loginModal *,
    #registrationModal *,
    .form-message,
    .form-message *,
    [data-lafz-form] *,
    .modal * {
        animation: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
    }
    
    /* Remove ALL focus colors from form inputs */
    form input:focus,
    form select:focus,
    form textarea:focus,
    #smartFormModal input:focus,
    #smartFormModal select:focus,
    #smartFormModal textarea:focus,
    #loginModal input:focus,
    #registrationModal input:focus {
        border-color: #6b7280 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        outline: none !important;
        background: #ffffff !important;
    }
    
    /* Force gray borders on ALL form inputs */
    form input,
    form select,
    form textarea,
    #smartFormModal input,
    #smartFormModal select,
    #smartFormModal textarea {
        border: 1px solid #d1d5db !important;
        background: #ffffff !important;
    }
    
    /* Remove blue rings from Tailwind classes */
    .focus\:ring-blue-500:focus,
    .focus\:border-blue-500:focus,
    .focus\:ring-2:focus {
        --tw-ring-color: #6b7280 !important;
        border-color: #6b7280 !important;
    }
    
    /* Kill thank you overlay animations completely */
    .thank-you-overlay {
        animation: none !important;
        background: rgba(0, 0, 0, 0.8) !important;
    }
    
    .thank-you-message {
        animation: none !important;
        transform: none !important;
        background: white !important;
    }
    
    /* Force simple buttons in forms */
    form button[type="submit"],
    form input[type="submit"],
    #smartFormModal button[type="submit"],
    #loginModal button[type="submit"],
    #registrationModal button[type="submit"] {
        background: #111827 !important;
        background-image: none !important;
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    form button[type="submit"]:hover,
    form input[type="submit"]:hover {
        background: #1f2937 !important;
        transform: none !important;
    }
    
    /* Remove spinner animation */
    .spinner {
        animation: none !important;
        -webkit-animation: none !important;
    }
    
    /* Remove loading button animations */
    .loading-btn,
    button.loading {
        animation: none !important;
    }
    
    /* Override inline styles with animations */
    [style*="animation"],
    [style*="transition"],
    [style*="transform"] {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    /* Target smart forms modal specifically */
    #smartFormModal .bg-blue-600 {
        background: #111827 !important;
    }
    
    #smartFormModal .hover\:bg-blue-700:hover {
        background: #1f2937 !important;
    }
    
    /* Remove ALL Tailwind transition classes in forms */
    form .transition-all,
    form .transition-colors,
    form .transition-opacity,
    form .transition,
    #smartFormModal .transition-all,
    #smartFormModal .transition-colors {
        transition: none !important;
    }
}

/* Extra aggressive for smaller mobile */
@media (max-width: 640px) {
    /* Double ensure no animations on small screens */
    * {
        -webkit-tap-highlight-color: transparent !important;
    }
    
    form *,
    .modal *,
    [data-lafz-form] * {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}

/* Override any @keyframes that might be defined */
@keyframes fadeIn {
    from, to { opacity: 1; }
}

@keyframes slideUp {
    from, to { transform: none; }
}

@keyframes spin {
    from, to { transform: rotate(0deg); }
}