/*
 * Logged-out My Account: Skin A sets .woocommerce to flex-row for nav|content.
 * Login has no nav — h2 and form become left|right. Stack and center instead.
 */
body:not(.logged-in).woocommerce-account #brx-content {
	display: flex !important;
	flex-direction: column !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10shl {
	flex: 1 1 auto !important;
	width: 100%;
	align-items: stretch !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10uka,
body:not(.logged-in).woocommerce-account #brxe-c10mai {
	align-self: stretch !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai {
	justify-content: center !important;
	align-items: center !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai #brxe-c10pct {
	width: 100%;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce,
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-account .woocommerce {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0 !important;
	width: 100%;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-notices-wrapper,
body:not(.logged-in).woocommerce-account #brxe-c10mai .uc-login-lead,
body:not(.logged-in).woocommerce-account #brxe-c10mai .uc-account-auth-wrap,
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce > h2,
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-form-login,
body:not(.logged-in).woocommerce-account #brxe-c10mai form.login,
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-ResetPassword,
body:not(.logged-in).woocommerce-account #brxe-c10mai form.lost_reset_password {
	width: 100%;
	max-width: 32rem;
	box-sizing: border-box;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai .uc-login-lead {
	margin: 0 0 1.5rem;
	padding: 0;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1a1a1a;
}

/* Woo's own 「ログイン」 heading sits beside the form in flex-row; the lead replaces it. */
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce > h2:not(.uc-login-lead) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Shared auth UI replaces Woo login / register. Keep lost-password form. */
body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) #brxe-c10mai .woocommerce-form-login,
body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) #brxe-c10mai form.login,
body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) #brxe-c10mai .woocommerce-form-register,
body:not(.logged-in).woocommerce-account:not(.woocommerce-lost-password) #brxe-c10mai form.register {
	display: none !important;
}

body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-form-login .woocommerce-button,
body:not(.logged-in).woocommerce-account #brxe-c10mai form.login .woocommerce-button,
body:not(.logged-in).woocommerce-account #brxe-c10mai .woocommerce-form-login button[type="submit"],
body:not(.logged-in).woocommerce-account #brxe-c10mai form.login button[type="submit"] {
	display: flex;
	width: 100%;
	min-width: 0;
	justify-content: center;
}