/* Contact Form Validation Styles */

.contact-form input.error,
.contact-form textarea.error,
.contact-form select.error {
  border-color: #ef4444 !important;
  background-color: rgba(239, 68, 68, 0.05) !important;
  color: #ef4444;
}

.contact-form input.error::placeholder,
.contact-form textarea.error::placeholder {
  color: #ef4444;
  opacity: 0.7;
}

.contact-form input:valid:not(.error),
.contact-form textarea:valid:not(.error),
.contact-form select:valid:not(.error) {
  border-color: #10b981 !important;
}

/* Form submit button state */
.contact-form button[type="submit"] {
  transition: all 0.3s ease;
}

.contact-form button[type="submit"]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}

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

/* Success message */
.form-success {
  padding: 15px 20px;
  background-color: #d1fae5;
  border-left: 4px solid #10b981;
  color: #065f46;
  margin-bottom: 20px;
  border-radius: 4px;
}

.form-success p {
  margin: 0;
  font-weight: 500;
}