/* Custom SweetAlert2 styling for Pilates Studio App */

/* Ensure SweetAlert2 appears above React Native modals */
.swal2-container {
  z-index: 999999 !important;
}

.swal2-popup {
  z-index: 999999 !important;
}

.pilates-alert-popup {
  border-radius: 16px !important;
  box-shadow: 0 10px 25px rgba(61, 48, 39, 0.15) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  z-index: 999999 !important;
}

.pilates-alert-title {
  color: #3d3027 !important;
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.pilates-confirm-button {
  background-color: #a99689 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
}

.pilates-confirm-button:hover {
  background-color: #6b5437 !important;
  transform: translateY(-1px) !important;
}

.pilates-cancel-button {
  background-color: #6b7d72 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
}

.pilates-cancel-button:hover {
  background-color: #5a6b61 !important;
  transform: translateY(-1px) !important;
}

.pilates-destructive-button {
  background-color: #b85a5a !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
}

.pilates-destructive-button:hover {
  background-color: #a34848 !important;
  transform: translateY(-1px) !important;
}

/* Override SweetAlert2 default styles */
.swal2-popup.pilates-alert-popup .swal2-content {
  color: #6b5d52 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.swal2-popup.pilates-alert-popup .swal2-icon {
  margin: 1.5rem auto 1rem !important;
}

.swal2-popup.pilates-alert-popup .swal2-icon.swal2-question {
  border-color: #8b6f47 !important;
  color: #8b6f47 !important;
}

.swal2-popup.pilates-alert-popup .swal2-icon.swal2-info {
  border-color: #6b7a8b !important;
  color: #6b7a8b !important;
}

.swal2-popup.pilates-alert-popup .swal2-icon.swal2-warning {
  border-color: #b85a5a !important;
  color: #b85a5a !important;
}

.swal2-popup.pilates-alert-popup .swal2-actions {
  margin: 1.5rem 0 0 !important;
  gap: 12px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pilates-alert-popup {
    margin: 1rem !important;
    width: calc(100% - 2rem) !important;
  }

  .pilates-confirm-button,
  .pilates-cancel-button,
  .pilates-destructive-button {
    padding: 14px 20px !important;
    font-size: 16px !important;
    min-width: 120px !important;
  }
}