.loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  font-size: 1.2rem;
  color: #174a89;
  font-weight: bold;
}

.loading-overlay.active {
  display: flex;
}

.loading-spinner {
  border: 4px solid #eee;
  border-top: 4px solid #174a89;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Styles pour le contenu HTML personnalisé des étapes */
.step-custom-content ul,
.step-custom-paiement ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}

.step-custom-content ol,
.step-custom-paiement ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}

.step-custom-content li,
.step-custom-paiement li {
  margin-bottom: 0.25rem;
}

.step-custom-content p,
.step-custom-paiement p {
  margin-bottom: 0.5rem;
}

.step-custom-content h5,
.step-custom-paiement h5 {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.step-custom-content strong,
.step-custom-paiement strong {
  font-weight: 600;
}