/* AORTIC Register page — native OJS 3.5 form, themed cleanly. */

.aortic-page-register {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 0 3rem !important;
  background: #ffffff !important;
}

.aortic-register-body {
  width: calc(100% - 2rem) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding-top: 2rem !important;
}

.aortic-register-card {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 2rem 2.2rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.07) !important;
}

.aortic-page-register .aortic-auth-required {
  margin: 0 0 1.35rem !important;
  color: #64748b !important;
  font-size: .9rem !important;
  text-align: center !important;
}

/* Undo the legacy form flattening. */
.aortic-page-register .cmp_form.register {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aortic-page-register .cmp_form.register fieldset {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 1.5rem !important;
  padding: 1.35rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
}

.aortic-page-register .cmp_form.register fieldset.identity,
.aortic-page-register .cmp_form.register fieldset.login {
  background: #ffffff !important;
}

.aortic-page-register .cmp_form.register fieldset > legend {
  display: block !important;
  width: auto !important;
  margin: 0 0 1rem !important;
  padding: 0 .25rem !important;
  color: #0f766e !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.aortic-page-register .cmp_form.register .fields {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Main profile/login sections use a clean two-column form grid. */
.aortic-page-register .cmp_form.register fieldset.identity > .fields,
.aortic-page-register .cmp_form.register fieldset.login > .fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem 1.2rem !important;
}

.aortic-page-register .cmp_form.register .given_name,
.aortic-page-register .cmp_form.register .family_name,
.aortic-page-register .cmp_form.register .affiliation,
.aortic-page-register .cmp_form.register .country,
.aortic-page-register .cmp_form.register .email,
.aortic-page-register .cmp_form.register .username,
.aortic-page-register .cmp_form.register .password,
.aortic-page-register .cmp_form.register .reviewer_interests,
.aortic-page-register .cmp_form.register .reviewer_nocontext_interests {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  order: initial !important;
}

.aortic-page-register .cmp_form.register label {
  box-sizing: border-box !important;
}

.aortic-page-register .cmp_form.register .given_name > label,
.aortic-page-register .cmp_form.register .family_name > label,
.aortic-page-register .cmp_form.register .affiliation > label,
.aortic-page-register .cmp_form.register .country > label,
.aortic-page-register .cmp_form.register .email > label,
.aortic-page-register .cmp_form.register .username > label,
.aortic-page-register .cmp_form.register .password > label,
.aortic-page-register .cmp_form.register .reviewer_interests > label,
.aortic-page-register .cmp_form.register .reviewer_nocontext_interests > label {
  display: block !important;
  width: 100% !important;
}

.aortic-page-register .cmp_form.register .label {
  display: block !important;
  margin: 0 0 .42rem !important;
  color: #0f172a !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.aortic-page-register .cmp_form.register input[type="text"],
.aortic-page-register .cmp_form.register input[type="email"],
.aortic-page-register .cmp_form.register input[type="password"],
.aortic-page-register .cmp_form.register select,
.aortic-page-register .cmp_form.register textarea {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: .72rem .82rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  outline: none !important;
  font: inherit !important;
  font-size: .96rem !important;
}

.aortic-page-register .cmp_form.register select {
  padding-right: 2.1rem !important;
}

.aortic-page-register .cmp_form.register input:focus,
.aortic-page-register .cmp_form.register select:focus,
.aortic-page-register .cmp_form.register textarea:focus {
  border-color: #0f9f91 !important;
  box-shadow: 0 0 0 3px rgba(15,159,145,.12) !important;
}

/* Consent/reviewer blocks are readable stacked controls. */
.aortic-page-register .cmp_form.register fieldset.consent,
.aortic-page-register .cmp_form.register fieldset.reviewer {
  background: #f8fafc !important;
}

.aortic-page-register .cmp_form.register .optin,
.aortic-page-register .cmp_form.register .checkbox,
.aortic-page-register .cmp_form.register label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: flex-start !important;
  gap: .65rem !important;
  width: 100% !important;
  margin: 0 0 .9rem !important;
  padding: 0 !important;
  order: initial !important;
  color: #334155 !important;
  font-size: .92rem !important;
  line-height: 1.5 !important;
}

.aortic-page-register .cmp_form.register input[type="checkbox"],
.aortic-page-register .cmp_form.register input[type="radio"] {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: .12rem 0 0 !important;
  accent-color: #0f9f91 !important;
}

.aortic-page-register .cmp_form.register #reviewerOptinGroup {
  margin-bottom: .75rem !important;
}

.aortic-page-register .cmp_form.register .reviewer_interests,
.aortic-page-register .cmp_form.register #reviewerInterests {
  display: none !important;
  width: 100% !important;
  margin: 1rem 0 0 !important;
  order: initial !important;
}

.aortic-page-register .cmp_form.register .reviewer_interests.is_visible,
.aortic-page-register .cmp_form.register #reviewerInterests.is_visible {
  display: block !important;
}

/* Context list, if this form is ever rendered site-wide instead of journal-wide. */
.aortic-page-register .cmp_form.register ul.contexts {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.aortic-page-register .cmp_form.register li.context {
  margin: 0 0 1rem !important;
  padding: 1rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.aortic-page-register .cmp_form.register li.context .name {
  margin-bottom: .65rem !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Form errors stay inside the card. */
.aortic-page-register .pkp_form_error,
.aortic-page-register .pkp_form_error_list {
  margin: 0 0 1.2rem !important;
  padding: .9rem 1rem !important;
  border-radius: 10px !important;
  background: #fef2f2 !important;
  color: #991b1b !important;
}

/* Register/Login actions. */
.aortic-page-register .cmp_form.register .buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .8rem !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 1.5rem 0 0 !important;
  padding: 0 !important;
  order: initial !important;
}

.aortic-page-register .cmp_form.register .buttons .submit,
.aortic-page-register .cmp_form.register .buttons .login {
  box-sizing: border-box !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: .78rem 1rem !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.aortic-page-register .cmp_form.register .buttons .submit {
  width: 100% !important;
  border: 1px solid #d32f2f !important;
  background: #d32f2f !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.aortic-page-register .cmp_form.register .buttons .login {
  border: 1px solid #0f9f91 !important;
  background: #ffffff !important;
  color: #0f766e !important;
}

.aortic-page-register .cmp_form.register .buttons .submit:hover,
.aortic-page-register .cmp_form.register .buttons .submit:focus-visible {
  background: #b91c1c !important;
}

.aortic-page-register .cmp_form.register .buttons .login:hover,
.aortic-page-register .cmp_form.register .buttons .login:focus-visible {
  background: #ecfdf5 !important;
}

/* Captcha widgets should not overflow the card. */
.aortic-page-register .recaptcha_wrapper,
.aortic-page-register .altcha_wrapper {
  overflow-x: auto !important;
}

@media (max-width: 700px) {
  .aortic-register-body {
    width: calc(100% - 1.25rem) !important;
    padding-top: 1.2rem !important;
  }

  .aortic-register-card {
    padding: 1.2rem 1rem !important;
    border-radius: 14px !important;
  }

  .aortic-page-register .cmp_form.register fieldset {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .aortic-page-register .cmp_form.register fieldset.identity > .fields,
  .aortic-page-register .cmp_form.register fieldset.login > .fields {
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
  }

  .aortic-page-register .cmp_form.register .buttons {
    grid-template-columns: 1fr !important;
  }
}