/* ==========================================================================
   PrecisionWP - Auth surface (Sign in / Register / Forgot / Check email)
   Loaded only on /my-account/* pages when the user is logged out.
   Design tokens (--paper, --moss, --ink, etc.) are inherited from
   my-account.css which is scoped under body.woocommerce-account.
   ========================================================================== */

/* Local accent-alpha helpers used throughout this surface. Kept here (not in
   my-account.css) because the rest of the account UI does not use them. */
body.woocommerce-account .pwp-auth-stage {
	--pwp-auth-accent-soft:   rgba( 74, 222, 128, 0.10 );
	--pwp-auth-accent-softer: rgba( 74, 222, 128, 0.06 );
	--pwp-auth-accent-ring:   rgba( 74, 222, 128, 0.18 );
	--pwp-auth-accent-shadow: rgba( 74, 222, 128, 0.40 );
	--pwp-auth-error-bg:      rgba( 249, 115, 22, 0.08 );
	--pwp-auth-error-border:  rgba( 249, 115, 22, 0.25 );
	--pwp-auth-error-ring:    rgba( 249, 115, 22, 0.12 );

	--pwp-auth-pad-card: 44px;
	--pwp-auth-field-h:  50px;
	--pwp-auth-gap:      18px;
}


/* --------------------------------------------------------------------------
   Stage + card
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-stage {
	position: relative;
	z-index: 2;
	padding: 24px 40px 32px;
	display: flex;
	justify-content: center;
}

body.woocommerce-account .pwp-auth-card {
	position: relative;
	width: 100%;
	max-width: 520px;
	background: var( --surface );
	border: 1px solid var( --line );
	border-radius: 24px;
	padding: var( --pwp-auth-pad-card );
	display: flex;
	flex-direction: column;
	gap: 24px;
}

body.woocommerce-account .pwp-auth-view {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

body.woocommerce-account .pwp-auth-view[hidden] {
	display: none;
}


/* --------------------------------------------------------------------------
   Card header (eyebrow / title / subtitle)
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.woocommerce-account .pwp-auth-eyebrow {
	font-family: var( --font-mono );
	font-size: 11px;
	color: var( --muted-2 );
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.woocommerce-account .pwp-auth-title {
	font-family: var( --font-ui );
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.1;
	color: var( --ink );
	margin: 0;
}

body.woocommerce-account .pwp-auth-title em {
	font-family: var( --font-serif );
	font-style: italic;
	font-weight: 400;
	color: var( --moss );
}

body.woocommerce-account .pwp-auth-sub {
	font-size: 14px;
	color: var( --muted );
	line-height: 1.55;
	max-width: 44ch;
	margin: 0;
}

body.woocommerce-account .pwp-auth-sub strong {
	color: var( --ink-2 );
	font-weight: 600;
}


/* --------------------------------------------------------------------------
   Tab switcher (Sign in / Create account)
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-tabs {
	display: inline-flex;
	position: relative;
	align-self: flex-start;
	background: var( --paper );
	border: 1px solid var( --line );
	border-radius: var( --radius-pill );
	padding: 4px;
}

body.woocommerce-account .pwp-auth-tabs__btn,
body.woocommerce-account .pwp-auth-tabs__btn:hover,
body.woocommerce-account .pwp-auth-tabs__btn:focus,
body.woocommerce-account .pwp-auth-tabs__btn:active {
	position: relative;
	z-index: 1;
	background: transparent;
	border: 0;
	outline: 0;
	box-shadow: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var( --muted );
	cursor: pointer;
	padding: 8px 18px;
	border-radius: var( --radius-pill );
	transition: color 0.2s, background 0.2s;
}

body.woocommerce-account .pwp-auth-tabs__btn:hover:not( .is-active ),
body.woocommerce-account .pwp-auth-tabs__btn:focus:not( .is-active ) {
	background: var( --pwp-auth-accent-soft );
	color: var( --ink );
	border: 0;
	outline: 0;
	box-shadow: none;
}

body.woocommerce-account .pwp-auth-tabs__btn.is-active {
	color: var( --paper );
}

body.woocommerce-account .pwp-auth-tabs__slider {
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	width: 0;
	background: var( --moss );
	border-radius: var( --radius-pill );
	box-shadow: 0 4px 14px -4px var( --pwp-auth-accent-shadow );
	transition: left 0.25s cubic-bezier( 0.4, 0, 0.2, 1 ), width 0.25s cubic-bezier( 0.4, 0, 0.2, 1 );
	z-index: 0;
}


/* --------------------------------------------------------------------------
   Forms + fields
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-form {
	display: flex;
	flex-direction: column;
	gap: var( --pwp-auth-gap );
	margin: 0;
}

body.woocommerce-account .pwp-auth-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	position: relative;
}

body.woocommerce-account .pwp-auth-field label {
	font-family: var( --font-mono );
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var( --muted-2 );
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.woocommerce-account .pwp-auth-field__opt {
	font-family: var( --font-ui );
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: var( --muted-2 );
	text-decoration: none;
	transition: color 0.2s;
}

body.woocommerce-account .pwp-auth-field__opt:hover {
	color: var( --moss );
}

body.woocommerce-account .pwp-auth-field__input {
	position: relative;
}

body.woocommerce-account .pwp-auth-field input[type="email"],
body.woocommerce-account .pwp-auth-field input[type="password"],
body.woocommerce-account .pwp-auth-field input[type="text"] {
	width: 100%;
	height: var( --pwp-auth-field-h );
	background: var( --paper );
	border: 1px solid var( --line );
	color: var( --ink );
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.005em;
	padding: 0 16px;
	border-radius: 12px;
	transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
	box-shadow: none;
}

body.woocommerce-account .pwp-auth-field input::placeholder {
	color: var( --muted-2 );
}

body.woocommerce-account .pwp-auth-field input:focus {
	outline: none;
	border-color: var( --moss );
	box-shadow: 0 0 0 3px var( --pwp-auth-accent-ring );
	background: var( --surface-2 );
}

body.woocommerce-account .pwp-auth-field--icon input[type="email"],
body.woocommerce-account .pwp-auth-field--icon input[type="password"],
body.woocommerce-account .pwp-auth-field--icon input[type="text"] {
	padding-left: 44px;
}

body.woocommerce-account .pwp-auth-field--action input[type="email"],
body.woocommerce-account .pwp-auth-field--action input[type="password"],
body.woocommerce-account .pwp-auth-field--action input[type="text"] {
	padding-right: 48px;
}

body.woocommerce-account .pwp-auth-field__icon {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY( -50% );
	color: var( --muted-2 );
	pointer-events: none;
	display: grid;
	place-items: center;
	transition: color 0.2s;
}

body.woocommerce-account .pwp-auth-field__icon svg {
	width: 16px;
	height: 16px;
}

body.woocommerce-account .pwp-auth-field input:focus ~ .pwp-auth-field__icon {
	color: var( --moss );
}

body.woocommerce-account .pwp-auth-field__action {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY( -50% );
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
	color: var( --muted-2 );
	display: grid;
	place-items: center;
	transition: color 0.2s, background 0.2s;
}

body.woocommerce-account .pwp-auth-field__action svg {
	width: 16px;
	height: 16px;
}

body.woocommerce-account .pwp-auth-field__action:hover {
	color: var( --ink );
	background: var( --surface-2 );
}

body.woocommerce-account .pwp-auth-field__valid {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY( -50% ) scale( 0 );
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var( --moss );
	color: var( --paper );
	display: grid;
	place-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
}

body.woocommerce-account .pwp-auth-field__valid svg {
	width: 11px;
	height: 11px;
}

body.woocommerce-account .pwp-auth-field.is-valid .pwp-auth-field__valid {
	opacity: 1;
	animation: pwp-auth-pop-in 0.25s cubic-bezier( 0.4, 0, 0.2, 1 ) forwards;
}

body.woocommerce-account .pwp-auth-field.is-valid input[type="email"],
body.woocommerce-account .pwp-auth-field.is-valid input[type="password"],
body.woocommerce-account .pwp-auth-field.is-valid input[type="text"] {
	border-color: var( --moss );
	padding-right: 44px;
}

body.woocommerce-account .pwp-auth-field.has-error input[type="email"],
body.woocommerce-account .pwp-auth-field.has-error input[type="password"],
body.woocommerce-account .pwp-auth-field.has-error input[type="text"] {
	border-color: var( --rust );
	box-shadow: 0 0 0 3px var( --pwp-auth-error-ring );
}

body.woocommerce-account .pwp-auth-field__msg {
	font-family: var( --font-mono );
	font-size: 10.5px;
	color: var( --rust );
	letter-spacing: 0.04em;
	display: none;
	align-items: center;
	gap: 6px;
	margin-top: -2px;
}

body.woocommerce-account .pwp-auth-field.has-error .pwp-auth-field__msg {
	display: inline-flex;
	animation: pwp-auth-slide-down 0.2s ease;
}

body.woocommerce-account .pwp-auth-field.has-error .pwp-auth-field__hint {
	display: none;
}

body.woocommerce-account .pwp-auth-field__msg::before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	background: currentColor;
	-webkit-mask: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='12'/><line x1='12' y1='16' x2='12.01' y2='16'/></svg>" ) center / contain no-repeat;
	mask: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='12'/><line x1='12' y1='16' x2='12.01' y2='16'/></svg>" ) center / contain no-repeat;
}

body.woocommerce-account .pwp-auth-field__hint {
	font-family: var( --font-mono );
	font-size: 10.5px;
	color: var( --muted-2 );
	letter-spacing: 0.04em;
	margin-top: -2px;
}


/* --------------------------------------------------------------------------
   Checkbox + row + inline link
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: -2px;
}

body.woocommerce-account .pwp-auth-check {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	user-select: none;
	font-size: 13px;
	color: var( --ink-2 );
	position: relative;
}

body.woocommerce-account .pwp-auth-check input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 18px;
	height: 18px;
}

body.woocommerce-account .pwp-auth-check__box {
	width: 18px;
	height: 18px;
	border-radius: 5px;
	background: var( --paper );
	border: 1px solid var( --line-2 );
	display: grid;
	place-items: center;
	transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
	flex-shrink: 0;
}

body.woocommerce-account .pwp-auth-check__box svg {
	width: 11px;
	height: 11px;
	color: var( --paper );
	opacity: 0;
	transform: scale( 0.5 );
	transition: opacity 0.2s, transform 0.2s;
}

body.woocommerce-account .pwp-auth-check:hover .pwp-auth-check__box {
	border-color: var( --moss );
}

body.woocommerce-account .pwp-auth-check input:checked ~ .pwp-auth-check__box {
	background: var( --moss );
	border-color: var( --moss );
}

body.woocommerce-account .pwp-auth-check input:checked ~ .pwp-auth-check__box svg {
	opacity: 1;
	transform: scale( 1 );
}

body.woocommerce-account .pwp-auth-check input:focus-visible ~ .pwp-auth-check__box {
	box-shadow: 0 0 0 3px var( --pwp-auth-accent-ring );
}

body.woocommerce-account .pwp-auth-inline {
	color: var( --ink-2 );
	text-decoration: none;
	border-bottom: 1px solid var( --line-2 );
	transition: color 0.2s, border-color 0.2s;
}

body.woocommerce-account .pwp-auth-inline:hover {
	color: var( --moss );
	border-color: var( --moss );
}


/* --------------------------------------------------------------------------
   Submit button
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-submit {
	width: 100%;
	height: var( --pwp-auth-field-h );
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	white-space: nowrap;
	background: var( --moss );
	color: var( --paper );
	border: 1px solid var( --moss );
	border-radius: 12px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.01em;
	cursor: pointer;
	transition: background 0.2s, transform 0.15s, box-shadow 0.2s, opacity 0.2s;
	box-shadow: 0 8px 24px -8px var( --pwp-auth-accent-shadow );
}

body.woocommerce-account .pwp-auth-submit:hover:not( :disabled ) {
	background: var( --moss-glow );
	transform: translateY( -1px );
}

body.woocommerce-account .pwp-auth-submit:active:not( :disabled ) {
	transform: translateY( 0 );
}

body.woocommerce-account .pwp-auth-submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

body.woocommerce-account .pwp-auth-submit kbd {
	font-family: var( --font-mono );
	font-size: 11px;
	background: rgba( 13, 20, 17, 0.25 );
	color: rgba( 13, 20, 17, 0.7 );
	padding: 2px 7px;
	border-radius: 5px;
	margin-left: 4px;
}

body.woocommerce-account .pwp-auth-foot-link {
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: var( --muted );
}


/* --------------------------------------------------------------------------
   AJAX-driven status messages (.errors container is shared by all forms)
   The existing PrecisionWP.js handlers inject .alert markup here.
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-form .errors:empty {
	display: none;
}

body.woocommerce-account .pwp-auth-form .errors {
	margin-top: -4px;
}

body.woocommerce-account .pwp-auth-form .errors .alert {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
}

body.woocommerce-account .pwp-auth-form .errors .alert-danger {
	background: var( --pwp-auth-error-bg );
	border: 1px solid var( --pwp-auth-error-border );
	color: #fdba74;
}

body.woocommerce-account .pwp-auth-form .errors .alert-success {
	background: var( --pwp-auth-accent-softer );
	border: 1px solid var( --pwp-auth-accent-soft );
	color: var( --moss-glow );
}


/* --------------------------------------------------------------------------
   Card footer (legal / links)
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-foot {
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px dashed var( --line );
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

body.woocommerce-account .pwp-auth-foot__legal {
	font-family: var( --font-mono );
	font-size: 10.5px;
	color: var( --muted-2 );
	letter-spacing: 0.08em;
}

body.woocommerce-account .pwp-auth-foot__links {
	font-size: 13px;
	color: var( --ink-2 );
	display: inline-flex;
	gap: 8px;
	align-items: center;
}

body.woocommerce-account .pwp-auth-foot__links a {
	color: var( --ink-2 );
	text-decoration: none;
	border-bottom: 1px solid var( --line-2 );
	transition: color 0.2s, border-color 0.2s;
}

body.woocommerce-account .pwp-auth-foot__links a:hover {
	color: var( --moss );
	border-color: var( --moss );
}


/* --------------------------------------------------------------------------
   Check-email view (post-submit confirmation)
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-view--check {
	align-items: flex-start;
}

body.woocommerce-account .pwp-auth-envelope {
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: linear-gradient( 135deg, var( --surface-2 ), var( --surface-3 ) );
	border: 1px solid var( --line-2 );
	display: grid;
	place-items: center;
	color: var( --moss );
	position: relative;
	box-shadow: 0 12px 32px -12px var( --pwp-auth-accent-shadow ), inset 0 0 0 1px var( --pwp-auth-accent-softer );
}

body.woocommerce-account .pwp-auth-envelope svg {
	width: 32px;
	height: 32px;
}

body.woocommerce-account .pwp-auth-envelope::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 24px;
	border: 1px solid var( --pwp-auth-accent-soft );
	animation: pwp-auth-pulse-ring 2.4s ease-in-out infinite;
	pointer-events: none;
}

body.woocommerce-account .pwp-auth-check-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body.woocommerce-account .pwp-auth-check-title {
	font-family: var( --font-ui );
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.15;
	color: var( --ink );
	margin: 0;
}

body.woocommerce-account .pwp-auth-check-title em {
	font-family: var( --font-serif );
	font-style: italic;
	font-weight: 400;
	color: var( --moss );
}

body.woocommerce-account .pwp-auth-check-sub {
	font-size: 14px;
	color: var( --ink-2 );
	line-height: 1.6;
	max-width: 46ch;
	margin: 0;
}

body.woocommerce-account .pwp-auth-check-sub strong {
	color: var( --ink );
	font-weight: 600;
}

body.woocommerce-account .pwp-auth-steps {
	list-style: none;
	margin: 0;
	padding: 18px 20px;
	background: var( --surface-2 );
	border: 1px solid var( --line );
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

body.woocommerce-account .pwp-auth-step {
	display: grid;
	grid-template-columns: 22px 1fr;
	gap: 12px;
	align-items: flex-start;
	font-size: 13px;
	color: var( --ink-2 );
	line-height: 1.5;
}

body.woocommerce-account .pwp-auth-step strong {
	color: var( --ink );
	font-weight: 600;
}

body.woocommerce-account .pwp-auth-step code {
	font-family: var( --font-mono );
	color: var( --moss-glow );
}

body.woocommerce-account .pwp-auth-step__num {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var( --paper );
	border: 1px solid var( --line-2 );
	color: var( --moss );
	font-family: var( --font-mono );
	font-size: 11px;
	font-weight: 600;
	display: grid;
	place-items: center;
}

body.woocommerce-account .pwp-auth-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

body.woocommerce-account .pwp-auth-ghost {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: transparent;
	border: 1px solid var( --line );
	color: var( --ink-2 );
	padding: 8px 14px;
	border-radius: var( --radius-pill );
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s, opacity 0.2s;
}

body.woocommerce-account .pwp-auth-ghost:hover:not( :disabled ) {
	border-color: var( --moss );
	color: var( --line );
}

body.woocommerce-account .pwp-auth-ghost:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

body.woocommerce-account .pwp-auth-ghost svg {
	width: 12px;
	height: 12px;
}

body.woocommerce-account .pwp-auth-resent {
	font-family: var( --font-mono );
	font-size: 11px;
	color: var( --moss );
	letter-spacing: 0.04em;
}

body.woocommerce-account .pwp-auth-resent[hidden] {
	display: none;
}

body.woocommerce-account .pwp-auth-help {
	font-size: 12.5px;
	color: var( --muted );
	line-height: 1.5;
	margin: 0;
}


/* --------------------------------------------------------------------------
   Animations
   -------------------------------------------------------------------------- */

@keyframes pwp-auth-pop-in {
	from { transform: translateY( -50% ) scale( 0 ); }
	to   { transform: translateY( -50% ) scale( 1 ); }
}

@keyframes pwp-auth-slide-down {
	from { opacity: 0; transform: translateY( -4px ); }
	to   { opacity: 1; transform: none; }
}

@keyframes pwp-auth-pulse-ring {
	0%, 100% { opacity: 0; transform: scale( 0.95 ); }
	50%      { opacity: 1; transform: scale( 1 ); }
}


/* --------------------------------------------------------------------------
   Resend verification email (shown in the login view when an unverified user
   tries to sign in). Lives just below the .errors region.
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-resend {
	margin: 4px 0 12px;
	padding: 12px 14px;
	border: 1px solid rgba( 0, 0, 0, 0.08 );
	border-radius: 12px;
	background: rgba( 0, 0, 0, 0.02 );
}

body.woocommerce-account .pwp-auth-resend[hidden] {
	display: none;
}

body.woocommerce-account .pwp-auth-resend__lead {
	margin: 0 0 8px;
	font-size: 13px;
	color: #4a4a4a;
}

body.woocommerce-account .pwp-auth-resend__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba( 0, 0, 0, 0.16 );
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

body.woocommerce-account .pwp-auth-resend__btn:hover:not(:disabled) {
	background: #f5f5f5;
}

body.woocommerce-account .pwp-auth-resend__btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

body.woocommerce-account .pwp-auth-resend__btn svg {
	width: 14px;
	height: 14px;
}

body.woocommerce-account .pwp-auth-resend__feedback {
	margin: 8px 0 0;
	font-size: 12px;
	color: #4a4a4a;
	min-height: 16px;
}


/* --------------------------------------------------------------------------
   Hide WooCommerce default "register" form column that may render alongside
   the override on the my-account page. Our unified card replaces both.
   -------------------------------------------------------------------------- */

body.woocommerce-account .pwp-auth-stage ~ .u-column2,
body.woocommerce-account .pwp-auth-stage ~ .col-2,
body.woocommerce-account .u-columns > .u-column2.woocommerce-column--2,
body.woocommerce-account .woocommerce > .u-columns {
	display: none;
}


/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media ( max-width: 520px ) {
	body.woocommerce-account .pwp-auth-stage {
		padding: 32px 16px 48px;
	}

	body.woocommerce-account .pwp-auth-card {
		padding: 24px;
		border-radius: 20px;
	}

	body.woocommerce-account .pwp-auth-title {
		font-size: 24px;
	}

	body.woocommerce-account .pwp-auth-check-title {
		font-size: 22px;
	}
}