/* Minimal, centered login page for the access gate (Ymow_AccessGate). */

.accessgate-login-page .page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.accessgate-login-page #maincontent,
.accessgate-login-page .page-main {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 20px;
    /* Fill the wrapper and vertically center .columns within it */
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.accessgate-login-page .columns,
.accessgate-login-page .column.main {
    width: 100%;
    float: none;
    padding: 0;
}

/* Centered brand logo (fetched from Craft) above the form */
.accessgate-login-page .accessgate-login-logo {
    display: block;
    float: none;
    margin: 0 auto 30px;
    text-align: center;
}

.accessgate-login-page .accessgate-login-logo svg,
.accessgate-login-page .accessgate-login-logo img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90px;
}

.accessgate-login-page .login-container,
.accessgate-login-page .login-container .block-customer-login,
.accessgate-login-page .block-customer-login,
.accessgate-login-page .form-login {
    width: 100% !important;
    float: none !important;
}

/* Belt-and-braces: hide anything the layout didn't remove */
.accessgate-login-page .page-header,
.accessgate-login-page .page-footer,
.accessgate-login-page .nav-sections,
.accessgate-login-page .breadcrumbs,
.accessgate-login-page .message.global,
.accessgate-login-page .page-main > .page-title-wrapper,
.accessgate-login-page .block-new-customer {
    display: none !important;
}