/* Centre the login card header (logo, "Sign In", subtitle).
 *
 * frappe's login.bundle.scss sets `text-align: left` and
 * `align-items: flex-start` on .page-card-head. It is a flex column, so the
 * logo is positioned by align-items and the text by text-align — both need
 * overriding.
 *
 * The selector must be more specific than frappe's bare `.page-card-head`.
 * head.html emits web_include_css *before* login.html pulls in
 * login.bundle.css, so at equal specificity frappe's rule wins on source
 * order. Qualifying with the parent `.page-card` settles it without
 * !important.
 */
.page-card .page-card-head {
	text-align: center;
	align-items: center;
}

/* Drop the "Welcome! Please sign in to continue." subtitle. */
.page-card .page-card-subtitle {
	display: none;
}

/* Close the gap the subtitle left between "Sign In" and the Email field.
 *
 * .page-card is a flex column whose only two children are .page-card-head and
 * the <form>, so its `gap: var(--margin-lg)` is exactly that space and nothing
 * else — the spacing around the buttons lives inside the form and is
 * unaffected. Same specificity trap as above, hence the `section` qualifier.
 */
section .page-card {
	gap: 0;
}