/* ULTIMATE FORM FIX - INLINE OVERRIDE */
/* This CSS ensures the inline styles work properly and adds responsive support */

@media (max-width: 768px) {
    .contact-form > div[style*="grid-template-columns"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .contact-form > div[style*="grid-template-columns"] > div {
        margin-bottom: 20px !important;
    }
}

/* Ensure error state styling works */
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #dc3545 !important;
}

.contact-form input.success {
    border-color: #28a745 !important;
}

.contact-form .error-message.show {
    display: block !important;
}

/* Focus states */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1) !important;
}