/**
 * Cadastro público: e-mail, senha e confirmar senha em 3 colunas (~31%).
 * Usa .gw2d-register-account (classe estável) — após erro de validação o Drupal
 * pode renomear #edit-account para #edit-account--2 e quebrar seletores por ID.
 *
 * Sobrescreve o fallback do tema (.page-empresa-register #edit-account { width: 28% })
 * que empilha os campos quando este CSS não carrega ou perde especificidade.
 */

.page-usuario-register #page #content .user-info-from-cookie .gw2d-register-account,
.page-usuario-register #page #content .user-info-from-cookie .gw2d-register-account.form-wrapper,
.page-empresa-register #page #content .user-info-from-cookie .gw2d-register-account,
.page-empresa-register #page #content .user-info-from-cookie .gw2d-register-account.form-wrapper,
.page-empresa-register #page #content #user-register-form .gw2d-register-account,
.page-empresa-register #page #content #user-register-form #edit-account.gw2d-register-account,
.page-empresa-register #page #content #user-register-form #edit-account--2.gw2d-register-account,
.page-usuario-register #page #content #user-register-form .gw2d-register-account,
.page-usuario-register #page #content #user-register-form #edit-account.gw2d-register-account,
.page-usuario-register #page #content #user-register-form #edit-account--2.gw2d-register-account {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 22vw !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box;
  vertical-align: top !important;
}

/* Nome sozinho na primeira linha (cadastro turista). */
.page-usuario-register #page #content .gw2d-register-account > .form-item-name,
.page-empresa-register #page #content .gw2d-register-account > .form-item-name {
  width: 31% !important;
  max-width: 31% !important;
  flex: 0 0 31% !important;
  margin: 0 0.75vw 1% 0 !important;
  display: block !important;
  box-sizing: border-box;
}

/* E-mail | Senha | Confirmar — mesma largura dos outros campos. */
.page-usuario-register #page #content .gw2d-register-account > .form-item-mail,
.page-usuario-register #page #content .gw2d-register-account > .form-item-pass,
.page-usuario-register #page #content .gw2d-register-account > .form-item-pass-confirm,
.page-empresa-register #page #content .gw2d-register-account > .form-item-mail,
.page-empresa-register #page #content .gw2d-register-account > .form-item-pass,
.page-empresa-register #page #content .gw2d-register-account > .form-item-pass-confirm,
.page-usuario-register #page #content .gw2d-register-account > .form-item.form-item-mail,
.page-usuario-register #page #content .gw2d-register-account > .form-item.form-item-pass,
.page-usuario-register #page #content .gw2d-register-account > .form-item.form-item-pass-confirm,
.page-empresa-register #page #content .gw2d-register-account > .form-item.form-item-mail,
.page-empresa-register #page #content .gw2d-register-account > .form-item.form-item-pass,
.page-empresa-register #page #content .gw2d-register-account > .form-item.form-item-pass-confirm {
  width: 31% !important;
  max-width: 31% !important;
  flex: 0 0 31% !important;
  margin: 0 0.75vw 1% 0 !important;
  display: block !important;
  vertical-align: top !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box;
}

.page-usuario-register #page #content .gw2d-register-account > .form-item-mail input.form-text,
.page-usuario-register #page #content .gw2d-register-account > .form-item-pass input.form-text,
.page-usuario-register #page #content .gw2d-register-account > .form-item-pass-confirm input.form-text,
.page-empresa-register #page #content .gw2d-register-account > .form-item-mail input.form-text,
.page-empresa-register #page #content .gw2d-register-account > .form-item-pass input.form-text,
.page-empresa-register #page #content .gw2d-register-account > .form-item-pass-confirm input.form-text {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  position: static !important;
}

@media (max-width: 900px) {
  .page-usuario-register #page #content .gw2d-register-account,
  .page-empresa-register #page #content .gw2d-register-account,
  .page-empresa-register #page #content #user-register-form #edit-account.gw2d-register-account,
  .page-usuario-register #page #content #user-register-form #edit-account.gw2d-register-account {
    padding: 0 4vw !important;
  }

  .page-usuario-register #page #content .gw2d-register-account > .form-item-name,
  .page-usuario-register #page #content .gw2d-register-account > .form-item-mail,
  .page-usuario-register #page #content .gw2d-register-account > .form-item-pass,
  .page-usuario-register #page #content .gw2d-register-account > .form-item-pass-confirm,
  .page-empresa-register #page #content .gw2d-register-account > .form-item-name,
  .page-empresa-register #page #content .gw2d-register-account > .form-item-mail,
  .page-empresa-register #page #content .gw2d-register-account > .form-item-pass,
  .page-empresa-register #page #content .gw2d-register-account > .form-item-pass-confirm {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
    margin: 0 0 1rem 0 !important;
  }
}

/* Hint pós-cadastro → pagamento do plano (empresa/register?plano=). */
.page-empresa-register #page #content .gw2d-register-plan-hint,
.page-empresa-register #page #content #user-register-form .gw2d-register-plan-hint {
  display: block;
  width: 100%;
  max-width: 40rem;
  margin: 0.75rem auto 1.25rem;
  padding: 0 1rem;
  text-align: center;
  color: #355860;
  font-size: 1rem;
  line-height: 1.45;
}