/* Contact Form Messages */

.contact-form-message {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
  font-size: 0.95rem;
  line-height: 1.5;
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact-form-message--success {
  background-color: #e6f5ec;
  border-left: 4px solid #3fa66b;
  color: #1a5f3a;
}

.contact-form-message--success::before {
  content: '✓ ';
  font-weight: bold;
  color: #3fa66b;
  margin-right: 0.5rem;
}

.contact-form-message--error {
  background-color: #fee6e6;
  border-left: 4px solid #dc3545;
  color: #721c24;
}

.contact-form-message--error::before {
  content: '⚠ ';
  font-weight: bold;
  color: #dc3545;
  margin-right: 0.5rem;
}

/* Loading state for button */
button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Focus state improvements */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #3fa66b !important;
  box-shadow: 0 0 0 3px rgba(63, 166, 107, 0.1) !important;
}

/* Success state - slight animation on reset */
.contact-form.success input,
.contact-form.success select,
.contact-form.success textarea {
  background-color: #f9f9f9;
}