/* Contact Modal Styles */
#contactModal .modal-content {
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

#contactModal .modal-header {
  background: linear-gradient(to right, #f17920 0%, #fdb528 100%);
  color: #ffffff;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}

#contactModal .modal-title {
  font-weight: bold;
  font-size: 1.5rem;
}

#contactModal .btn-close {
  filter: invert(1);
}

#contactModal .form-label {
  font-weight: 600;
  color: #303030;
  margin-bottom: 0.5rem;
}

#contactModal .form-control {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 1rem;
  transition: all 0.3s ease;
}

#contactModal .form-control:focus {
  border-color: #f17920;
  box-shadow: 0 0 0 0.2rem rgba(241, 121, 32, 0.25);
}

#contactModal .form-control.is-invalid {
  border-color: #dc3545;
}

#contactModal .form-control.is-valid {
  border-color: #198754;
}

#contactModal .btn-primary {
  background: linear-gradient(to right, #f17920 0%, #fdb528 100%);
  border: none;
  border-radius: 8px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

#contactModal .btn-primary:hover {
  background: linear-gradient(to right, #e06a1a 0%, #f0a91e 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(241, 121, 32, 0.3);
}

#contactModal .btn-primary:disabled {
  background: #6c757d;
  transform: none;
  box-shadow: none;
}

#contactModal .btn-secondary {
  background-color: #6c757d;
  border: none;
  border-radius: 8px;
  padding: 0.75rem 2rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

#contactModal .btn-secondary:hover {
  background-color: #5a6268;
  transform: translateY(-2px);
}

#contactModal .text-danger {
  color: #dc3545 !important;
}

#contactModal .invalid-feedback {
  display: block;
  font-size: 0.875rem;
  color: #dc3545;
  margin-top: 0.25rem;
}

#contactModal .modal-footer {
  border-top: 1px solid #e9ecef;
  padding: 1.5rem;
}

#contactModal .modal-body {
  padding: 2rem;
}

/* SweetAlert2 Custom Styling */
.swal2-popup {
  border-radius: 12px !important;
  font-family: "Archivo", sans-serif !important;
}

.swal2-title {
  font-weight: bold !important;
  color: #303030 !important;
}

.swal2-content {
  color: #7a7a7a !important;
}

.swal2-confirm {
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 0.75rem 2rem !important;
}

.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(241, 121, 32, 0.25) !important;
}