/**
 * My Account login/register — mirror 會員中心 – 舔狗糖果店.html
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap');

:root {
	--simp-neon-green: #39ff14;
	--simp-hot-pink: #ff00ff;
	--simp-dead-black: #000000;
}

body.simp-account-auth-mirror.woocommerce-account.logged-out {
	background-color: var(--simp-dead-black) !important;
}

body.simp-account-auth-mirror.woocommerce-account.logged-out #page,
body.simp-account-auth-mirror.woocommerce-account.logged-out #content,
body.simp-account-auth-mirror.woocommerce-account.logged-out .site-content,
body.simp-account-auth-mirror.woocommerce-account.logged-out .entry-content,
body.simp-account-auth-mirror.woocommerce-account.logged-out .ast-article-single,
body.simp-account-auth-mirror.woocommerce-account.logged-out .ast-container,
body.simp-account-auth-mirror.woocommerce-account.logged-out #primary,
body.simp-account-auth-mirror.woocommerce-account.logged-out #main {
	background-color: #000000 !important;
	border: none !important;
	box-shadow: none !important;
}

body.simp-account-auth-mirror.woocommerce-account.logged-out .entry-header {
	display: none !important;
}

.simp-account-auth-root .woocommerce-notices-wrapper {
	max-width: 448px;
	margin: 0 auto 20px auto !important;
	width: 100%;
}

.simp-account-auth-root .woocommerce-error,
.simp-account-auth-root .woocommerce-message,
.simp-account-auth-root .woocommerce-info {
	background: #111 !important;
	color: #fff !important;
	border: 1px solid var(--simp-hot-pink) !important;
	border-left: 10px solid var(--simp-hot-pink) !important;
	font-family: 'Noto Sans TC', monospace;
	border-radius: 0 !important;
}

.simp-auth-wrapper {
	font-family: 'Noto Sans TC', monospace;
	padding: 40px 15px;
	width: 100%;
	max-width: 448px;
	margin: 0 auto;
	box-sizing: border-box;
}

.simp-auth-wrapper * {
	border-radius: 0 !important;
	box-sizing: border-box;
}

.simp-auth-box {
	background-color: #111;
	border: 2px solid var(--simp-neon-green);
	box-shadow: 0 0 30px rgba(57, 255, 20, 0.15);
	width: 100%;
}

.simp-tabs {
	display: flex;
	border-bottom: 2px solid #333;
}

.simp-tab-btn {
	flex: 1;
	padding: 16px 0;
	font-weight: 900;
	font-size: 1.125rem;
	border: none;
	outline: none;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	background: transparent;
	color: #fff;
}

.simp-tab-btn.active-login {
	background-color: var(--simp-neon-green);
	color: var(--simp-dead-black);
	border-right: 2px solid #333;
}

.simp-tab-btn.active-register {
	background-color: var(--simp-hot-pink);
	color: #fff;
}

.simp-tab-btn.inactive:hover {
	color: var(--simp-neon-green);
}

.simp-p-8 {
	padding: 24px;
}

@media (min-width: 768px) {
	.simp-p-8 {
		padding: 32px;
	}
}

.simp-title {
	font-size: 1.5rem;
	font-weight: 900;
	color: #fff;
	margin: 0 0 8px 0;
	line-height: 1.2;
}

.simp-desc {
	font-size: 0.75rem;
	color: #9ca3af;
	margin: 0 0 24px 0;
}

.simp-form-group {
	margin-bottom: 16px;
}

.simp-input {
	background-color: #000 !important;
	border: 2px solid #333 !important;
	color: #fff !important;
	padding: 14px !important;
	width: 100% !important;
	transition: all 0.3s !important;
	font-size: 16px !important;
	box-shadow: none !important;
	margin: 0 !important;
	outline: none !important;
	height: auto !important;
	line-height: normal !important;
}

.simp-input:focus {
	border-color: var(--simp-neon-green) !important;
	box-shadow: 4px 4px 0 var(--simp-neon-green) !important;
}

.simp-flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 8px 0 16px 0;
	flex-wrap: wrap;
	gap: 8px;
}

.simp-checkbox-label {
	font-size: 0.75rem;
	color: #9ca3af;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	margin: 0;
}

.simp-checkbox-label input {
	width: 16px;
	height: 16px;
	accent-color: var(--simp-neon-green);
	margin: 0;
}

.simp-link {
	font-size: 0.75rem;
	color: var(--simp-hot-pink);
	font-weight: bold;
	text-decoration: none;
}

.simp-link:hover {
	text-decoration: underline;
}

.simp-submit-btn {
	width: 100%;
	font-size: 1.25rem;
	font-weight: 900;
	padding: 16px;
	border: 4px solid #fff;
	cursor: pointer;
	transition: all 0.2s;
	display: block;
	text-align: center;
}

.simp-submit-btn:hover {
	transform: translateY(4px);
	box-shadow: none !important;
}

.simp-submit-btn:active {
	transform: translateY(4px) scale(0.98);
}

.btn-login {
	background-color: var(--simp-neon-green);
	color: #000;
	box-shadow: 4px 4px 0 var(--simp-hot-pink);
}

.btn-register {
	background-color: var(--simp-hot-pink);
	color: #fff;
	box-shadow: 4px 4px 0 var(--simp-neon-green);
	margin-top: 16px;
}

.simp-hidden {
	display: none !important;
}

.simp-account-auth-root form.woocommerce-form-register.register,
.simp-account-auth-root form.woocommerce-form-login.login {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body .simp-account-auth-root .woocommerce-privacy-policy-text {
	display: none !important;
}

/* WooCommerce / plugins may inject extra .form-row inputs after our custom fields */
.simp-account-auth-root form.woocommerce-form-register.register > .form-row,
.simp-account-auth-root form.woocommerce-form-register.register > .woocommerce-form-row,
.simp-account-auth-root form.woocommerce-form-register.register > p.form-row {
	display: none !important;
}

#wm_referral_code {
	background-color: #000 !important;
	border: 2px solid #333 !important;
	color: #fff !important;
	padding: 14px !important;
	width: 100% !important;
	transition: all 0.3s !important;
	font-size: 16px !important;
	box-shadow: none !important;
	outline: none !important;
	height: auto !important;
	line-height: normal !important;
	border-radius: 0 !important;
	margin-top: 0 !important;
	font-family: 'Noto Sans TC', monospace;
}

#wm_referral_code:focus {
	border-color: var(--simp-neon-green) !important;
	box-shadow: 4px 4px 0 var(--simp-neon-green) !important;
}

label[for='wm_referral_code'] {
	display: none !important;
}

.simp-account-auth-root .woocommerce-form-row:has(#wm_referral_code),
.simp-account-auth-root p.form-row:has(#wm_referral_code) {
	margin-bottom: 16px !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
}