/* ===== Login / Register / Forgot password ===== */

/* Info text */
.page-content .information-page-login {
    font-family: var(--font-body-condensed);
    font-weight: bold;
    font-size: 14px;
    color: var(--color-gray-dark);
    text-align: center;
}

/* Form card container — removes parent theme .card styling */
.page-content:has(.content-login-form) {
    position: relative;
    min-width: 210px;
    padding: 10px;
    margin: 5px;
    background: var(--color-white);
    transition: .4s ease-out;
    border-radius: 20px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}

/* Forgot password: same 640px cap as login so card is centered and narrow */
.page-password #content {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/* Register: remove parent theme 640px cap so form fills the container */
.page-registration #content {
    max-width: 100%;
}

/* Center form fields and reduce checkbox gap */
.page-registration .register-form #customer-form .form-group {
    justify-content: center;
}

.page-registration .register-form #customer-form .form-group.row .custom-checkbox {
    margin-bottom: 0.5rem;
}

/* Reduce title spacing on password pages */
.page-password .block-category {
    padding-bottom: 0;
    min-height: auto;
}

/* Forgot password link */
.page-customer-account #content .forgot-password a {
    color: var(--color-gray-medium);
}

.page-customer-account #content .forgot-password a:hover {
    color: #515151;
}

/* No account / back to login links */
.page-customer-account #content .no-account a,
.page-password #content .no-account a {
    font-family: var(--font-body-condensed);
    font-weight: bold;
    font-size: 14px;
    color: var(--color-gray-dark);
}

.page-customer-account #content .no-account a:hover,
.page-password #content .no-account a:hover {
    color: var(--color-pink);
}

/* Already have account link */
.register-form .have-account {
    font-family: var(--font-body-condensed);
    color: var(--color-gray-medium);
}

.register-form .have-account a {
    color: var(--color-pink);
}

/* Brands banner below auth forms */
.banner-footer-authentication {
    margin-top: 10rem;
}

/* Form labels — brand font, uppercase */
.login-form .form-group label,
.register-form .form-group .form-control-label,
.forgotten-password .form-group label,
.renew-password .form-group label {
    font-family: var(--font-brand);
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--color-text-dark);
}