/**
 * Success Modal Fix CSS
 * Fixes styling issues with the payment success modal
 */

/* Fix success icon color */
#paymentSuccessModal .fa-check-circle {
  color: #28a745 !important;
  font-size: 3rem !important;
}

/* Fix success modal header text color */
#paymentSuccessModal .modal-header {
  background: linear-gradient(135deg, #005F74 0%, #179acd 100%) !important;
}

#paymentSuccessModal .modal-header h3,
#paymentSuccessModal .modal-header p {
  color: white !important;
}

/* Fix Done button styling */
#paymentSuccessModal #successDoneBtn {
  background-color: #f8f9fa !important;
  color: #6c757d !important;
  border: 1px solid #6c757d !important;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 0.25rem !important;
}

#paymentSuccessModal #successDoneBtn:hover {
  background-color: #e2e6ea !important;
  color: #5a6268 !important;
  border-color: #5a6268 !important;
}

/* Fix body scrolling after modal close */
body {
  overflow: auto !important;
}

body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}