/*
 * Login page layout tweaks for Webcom_SocialLogin.
 * The right-hand "New Customers" card is removed, so the login card is shown
 * as a single centered column, with the register hint above and the social
 * buttons below — all matched to the card's width and inner padding.
 */
/* Centre the page heading ("Customer Login") to match the centred card.
   This file only loads on the login page, so the selector is safe.
   Note: page-title-wrapper is a data-ui-id, not a class — target .page-title.
   The heading sits in a flex-row parent, so it must span full width before
   text-align can centre it. */
.page-title {
    width: 100%;
    text-align: center;
}

#customer-login-container {
    grid-template-columns: minmax(0, 28rem);
    justify-content: center;
}

/* Hide the "If you have an account, sign in..." intro line.
   Done via CSS (not a template override) so Hyva template updates are kept.
   It is the paragraph directly after the form's <legend>. */
.form-login legend + p {
    display: none;
}

.webcom-register-hint,
.webcom-social-login {
    width: 100%;
    max-width: 28rem;
    margin-inline: auto;
    /* Mirror the card's horizontal padding so content lines up with the form. */
    padding-inline: var(--card-px, calc(var(--spacing, 0.25rem) * 6));
}

.webcom-register-hint {
    text-align: center;
    /* Standard body text colour (not the muted secondary). */
    color: var(--color-fg, inherit);
}

.webcom-register-hint a {
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: underline;
}

.webcom-register-hint a:hover {
    color: var(--color-primary-lighter, var(--color-primary));
}