/* Customer account on /konto: login (felogin, templates in
   f7shop/Resources/Private/Felogin), password recovery and registration
   (f7shop Account plugin). The fields take the global form classes; this
   file only sets the measure and the rhythm around them. */

/* Two or three fields across the full container read badly on a wide
   screen: keep the forms at a comfortable line length. */
.account-login,
.account-register,
.account-confirm,
.account-register-hint {
    max-width: 36rem;
}

.account-login h2,
.account-register h2,
.account-confirm h2 {
    margin-bottom: 0.75rem;
}

.account-login-message,
.account-confirm > p {
    margin-bottom: 1.5rem;
}

.account-login .form-text {
    display: block;
    margin-top: 0.4rem;
}

.account-login-requirements {
    margin: 0.25rem 0 0;
    padding-left: 1.25rem;
}

.account-login .actions {
    margin-top: 1.5rem;
}

.account-login-back {
    margin-top: 1.5rem;
}

/* "New here? Create an account" below the login, set apart from the
   button above it by a rule, so it reads as the second way in. */
.account-register-hint {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}