/* Error message styles for contact form */
.error-message {
  background: #3d1e1e;
  border: 1.5px solid #e74c3c;
  border-radius: 8px;
  margin: 1.5rem auto 0 auto;
  max-width: 420px;
  animation: slideIn 0.3s ease-out;
}

.error-content {
  padding: 1rem 1.2rem;
  color: #ff6b6b;
  font-size: 1rem;
  text-align: center;
}

.error-content strong {
  color: #e74c3c;
  font-weight: 600;
}

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

/* Loading state for submit button */
.donate-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.donate-btn:disabled:hover {
  transform: none;
  background: #d4af37;
}

@media (max-width: 600px) {
  .error-message {
    max-width: 98vw;
    margin-left: 1%;
    margin-right: 1%;
  }
}