/*---------Registration Form-------*/
/* Pick a width that matches (or slightly exceeds) your widest step */
:root {
  --wizard-width: 380px; /* ← set this once to your Step 2 width */
}

/* Keep the shell a constant width, but responsive on small screens */
#form {
  width: clamp(380px, 92vw, var(--wizard-width));
  margin-inline: auto;            /* center it */
}

/* Make sure inner panels never overflow the fixed width */
#form [data-acc-content] {
  max-width: 100%;
  box-sizing: border-box;
}

/* (Optional) normalize side padding so steps don’t “feel” wider/narrower */
#form [data-acc-content] { padding-inline: 1rem; }

/* Checkboxes */
.form-check-lg .form-check-input {
  width: 1.5em;
  height: 1.5em;
}

.form-check-lg .form-check-label {
  font-size: 1.1rem;
  margin-left: 0.5rem;
}
/* Prevent horizontal overflow on small phones */
@media (max-width: 420px) {
  #form {
    width: min(92vw, 100%);
  }
}
/* register.php only: reduce heading size on small phones (avoid overflow) */
@media (max-width: 420px) {
  body.page-layout .auth-right h2.fw-bold.mb-1.text-center {
    font-size: 1.25rem;      /* tweak: 1.15–1.35rem to taste */
    line-height: 1.15;
    white-space: nowrap;     /* keep it on one line */
  }
}
/* --------------- end -------------- */