/**
 * Shufflrr Checkout — shared numbered step badges (Cloud Trial component).
 * Reused by Blob Cloud and PowerPoint Add-in; Cloud Trial keeps its own copy in cloud-trial.css.
 */

.shuf-bc-wrap .shuf-ct-step-label,
.shuf-ad-wrap .shuf-ct-step-label {
  display: flex ;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 4px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--shuf-navy) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.shuf-bc-wrap .shuf-ct-step-num,
.shuf-ad-wrap .shuf-ct-step-num {
  width: 28px !important;
  height: 28px !important;
  background: #000130 !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.shuf-bc-wrap .shuf-ct-step-label h4,
.shuf-ad-wrap .shuf-ct-step-label h3 {
  margin: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  font-family: inherit !important;
}

@media (max-width: 600px) {
  .shuf-bc-wrap .shuf-ct-step-label,
  .shuf-ad-wrap .shuf-ct-step-label {
    font-size: 13px !important;
  }
}