/* ===================================
   CONTACT PAGE FORM STYLES
   =================================== */

/* Ensure form inputs have proper focus states */
.content-image input:focus,
.content-image textarea:focus,
.content-image select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
}

/* Responsive grid for contact page */
@media (max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr !important;
    }

    /* Make form full width on mobile */
    .content-image>div {
        max-width: 100%;
    }
}

/* Form button hover effect */
.content-image button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4) !important;
}

.content-image button[type="submit"]:active {
    transform: translateY(0);
}

.content-image button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}