/* Registration reuses the account panel; its header action echoes the cart orb. */
.header-register-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 24px;
	border: 1px solid var(--ui-white, #f2f2f2);
	border-radius: 10px;
	color: #000;
	font-family: var(--ui-font-main);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	background: var(--ui-white, #f2f2f2);
	box-shadow: none;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.header-auth-wrap--desktop > .header-login-btn {
	flex: 0 0 90px;
	box-sizing: border-box;
	width: 90px;
}

/* Override the shared Login palette while retaining its shared shape. */
.header-login-btn.header-register-btn {
	border-color: var(--ui-white, #f2f2f2) !important;
	color: #000 !important;
	background: var(--ui-white, #f2f2f2) !important;
}

.header-register-btn:hover,
.header-register-btn:focus-visible,
.header-login-btn.header-register-btn:hover,
.header-login-btn.header-register-btn:focus-visible {
	border-color: rgba(255, 255, 255, .25) !important;
	color: var(--ui-text-silver, #b8b8b8) !important;
	background: transparent !important;
}

.header-register-btn:focus-visible {
	outline: 2px solid var(--ui-text-silver, #e6eef6);
	outline-offset: 4px;
}

.site-mobile-menu-footer .site-mobile-menu-auth {
	box-sizing: border-box;
	width: 100%;
	height: 54px;
	min-height: 54px;
	padding: 14px 20px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 14px;
	font-size: 15px;
	line-height: 20px;
	box-shadow: none;
}

/* Override the existing mobile menu's important button palette. */
.site-mobile-menu-footer .site-mobile-menu-auth--login {
	color: var(--ui-text-silver, #b8b8b8) !important;
	background: transparent !important;
}

.site-mobile-menu-footer .site-mobile-menu-auth--login:hover,
.site-mobile-menu-footer .site-mobile-menu-auth--login:focus-visible {
	border-color: rgba(255, 255, 255, .42);
	background: rgba(255, 255, 255, .1) !important;
}

.site-mobile-menu-footer .header-register-btn {
	margin-top: 12px;
	border-color: var(--ui-white, #f2f2f2);
	color: #050505 !important;
	background: var(--ui-white, #f2f2f2) !important;
}

.site-mobile-menu-footer .header-register-btn:hover,
.site-mobile-menu-footer .header-register-btn:focus-visible {
	border-color: #e2e2e2 !important;
	background: #e2e2e2 !important;
}

.site-mobile-menu-footer .site-mobile-menu-auth:focus-visible {
	outline: 2px solid var(--ui-text-silver, #e6eef6) !important;
	outline-offset: 4px;
}

.custom-auth-checkout-note a {
	color: var(--ui-text-silver, #e6eef6);
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* The page already supplies these headings and account-switch links. */
.custom-auth-page--register #eor-step-1 .eor-card-header,
.custom-auth-page--register .eor-form-footer {
	display: none;
}

.custom-auth-page--register .custom-auth-login-form-wrap:has(#eor-step-4.active) > .custom-auth-checkout-note {
	display: none;
}

@media (max-width: 1024px) {
	.header-auth-wrap--desktop > .header-login-btn {
		flex-basis: 80px;
		width: 80px;
	}

	.header-auth-wrap--desktop > .header-register-btn {
		padding: 9px 18px;
		border-radius: 9px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.site-mobile-menu-footer .site-mobile-menu-auth {
		height: 50px;
		min-height: 50px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.header-register-btn {
		transition: none;
	}
}