/**
 * Modal Fix CSS
 * Fixes styling issues with modals
 */

/* Ensure success icon is green */
.fa-check-circle.text-success {
  color: #28a745 !important;
}

/* Fix modal backdrop issues */
.modal-backdrop {
  opacity: 0.5;
}

/* Fix body scrolling issues */
body.modal-open {
  overflow: hidden;
  padding-right: 0 !important;
}

/* Ensure modal is visible */
.modal.show {
  display: block !important;
}

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

/* Fix for success icon container */
#paymentSuccessModal .rounded-circle.bg-white {
  background-color: #ffffff !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Fix for body when modal is closed */
body {
  overflow: auto !important;
}

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