/**
 * SIJO Member Registration — multi-step wizard (extends login card look).
 */

.sijo-mlm-register-card {
  max-width: 560px;
}

.sijo-reg-steps {
  gap: 0.25rem;
}

.sijo-reg-step {
  flex: 1;
  text-align: center;
}

.sijo-reg-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  background: #e2e8f0;
  color: #475569;
}

.sijo-reg-step.is-active .sijo-reg-step__num,
.sijo-reg-step.is-done .sijo-reg-step__num {
  background: #2563eb;
  color: #fff;
}

.sijo-reg-step.is-done .sijo-reg-step__num {
  background: #0ea5e9;
}

.sijo-reg-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.95rem;
  color: #334155;
  cursor: pointer;
}

.sijo-reg-actions .btn {
  border-radius: 0.65rem;
  font-weight: 600;
  padding: 0.7rem 1rem;
}

.sijo-reg-actions .sijo-mlm-auth-submit {
  width: auto;
}

.sijo-reg-review {
  border-radius: 0.75rem !important;
}

#check_user,
#check_referrer {
  min-height: 1.25rem;
}

#check_user.is-ok,
#check_referrer.is-ok {
  color: #047857;
  font-weight: 600;
}

#check_user.is-err,
#check_referrer.is-err {
  color: #b91c1c;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .sijo-mlm-register-card {
    max-width: 100%;
  }

  .sijo-reg-step__num {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
  }
}
