/*
 * Page stylesheet for Dang ky nhap hoc (multi-step wizard).
 * Only the active step is visible; navigation/validation is in register.js.
 */

.register-wizard .register-step {
  display: none;
}
.register-wizard .register-step.is-active {
  display: block;
}

/* First step has no "back" control: center the single action button. */
.register-actions.reg-actions.is-center {
  justify-content: center;
}

/* Prev control is a <button>; make it look like the original back link. */
.register-actions .reg-prev {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.register-actions .reg-prev[hidden] {
  display: none;
}
.register-actions .reg-next,
.register-actions .reg-submit-box .wpcf7-submit {
  cursor: pointer;
}
.register-actions .btn-box[hidden] {
  display: none;
}

/* Validation feedback */
.register-wizard .is-error input:not([type='checkbox']):not([type='radio']),
.register-wizard .is-error select,
.register-wizard .is-error textarea,
.register-wizard .is-error .inner-wrap {
  border-color: #e02424 !important;
}
.register-wizard .reg-error-msg {
  display: block;
  margin-top: 6px;
  color: #e02424;
  font-size: 13px;
  line-height: 1.4;
}
.register-wizard [data-required-group].is-error {
  position: relative;
}

/* Photo upload: preview + remove button */
.uploadFile-box {
  position: relative;
}
.uploadFile-box .upload-preview {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.2rem;
}
.uploadFile-box.has-image .uploadFile-solid {
  padding: 0;
  overflow: hidden;
}
.uploadFile-box.has-image .uploadFile-solid .icon,
.uploadFile-box.has-image .uploadFile-solid .text {
  display: none;
}
.uploadFile-box.has-image .upload-preview {
  display: block;
}
.uploadFile-box .upload-remove {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  align-items: center;
  gap: 0.6rem;
  padding: 0.7rem 1.2rem;
  border: 0;
  border-radius: 100rem;
  background: rgba(16, 18, 18, 0.72);
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}
.uploadFile-box .upload-remove:hover {
  background: #e02424;
}
.uploadFile-box.has-image .upload-remove {
  display: inline-flex;
}

/* CF7 response output spacing */
.register-wizard .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0;
}