/* Modal background */
.modal-content.appointment-modal {
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(135deg, #00c6ff, #006d77);
  color: white;
  border: none;
  box-shadow: 0 30px 80px rgba(0,0,0,0.4);
  animation: scaleUp 0.3s ease;
}

/* Smooth open animation */
@keyframes scaleUp {
  from {
    transform: scale(0.85);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* Input styling */
.custom-input {
  border-radius: 10px;
  border: none;
  background:honeydew;
  
}

.custom-input:focus {
  background: rgba(255,255,255,0.25);
  box-shadow: none;
  color: black;
}

/* Labels */
.form-label {
  font-weight: 500;
}

.modal-content .submit-btn {
  background: #ffd166 !important;
  border: none !important;
  font-weight: 600;
  border-radius: 50px;
  padding: 12px;
  transition: all 0.3s ease;
  color: #000 !important;
  font-family: 'Times New Roman', Times, serif;
}

.modal-content .submit-btn:hover {
  transform: translateY(-3px);
  background: #ffc233 !important;
}

/* Remove white close button bg */
.btn-close {
  filter: invert(1);
}


.modal-title{
  font-family: 'Times New Roman', Times, serif;
}


/* FIX MODAL ABOVE NAVBAR */
.modal{
    z-index: 99999 !important;
}

.modal-backdrop{
    z-index: 9999 !important;
}
