/* Form submission styling */
.form-message {
  margin-top: 15px;
  padding: 10px;
  border-radius: 5px;
  transition: opacity 0.5s ease;
}

.form-message.success {
  background-color: rgba(76, 175, 80, 0.1);
  color: #4CAF50;
  border: 1px solid #4CAF50;
}

.form-message.error {
  background-color: rgba(244, 67, 54, 0.1);
  color: #F44336;
  border: 1px solid #F44336;
}

.form-message.loading {
  background-color: rgba(33, 150, 243, 0.1);
  color: #2196F3;
  border: 1px solid #2196F3;
}

.form-message.loading:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  border: 2px solid #2196F3;
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Improve form field styling */
.form-control.error {
  border-color: #F44336;
}

.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(58, 99, 81, 0.2);
}

/* Form submission button improvements */
.contact-form .btn {
  width: 100%;
  margin-top: 10px;
}

.contact-form .btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}