/*
 * LEO Commerce UI — Account Modal 2.0
 * Escopo deliberadamente restrito a #account-modal (Blocksy).
 * Nenhuma regra altera wp-login.php, Minha Conta, checkout ou formulários fora do modal.
 */

#account-modal .ct-panel-content {
	padding: 18px;
}

#account-modal .ct-account-modal {
	width: min(520px, calc(100vw - 36px));
	max-width: 520px;
	border: 1px solid rgba(18, 59, 130, 0.10);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(10, 28, 58, 0.24);
	overflow: hidden;
}

/* Abas Entrar / Registrar-se */
#account-modal .ct-account-modal > ul {
	min-height: 60px;
	margin: 0;
	padding: 0;
	background: #f6f8fb;
	border-bottom: 1px solid #e3e7ee;
}

#account-modal .ct-account-modal > ul a,
#account-modal .ct-account-modal > ul button {
	min-height: 60px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #697386;
	transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

#account-modal .ct-account-modal > ul .active > a,
#account-modal .ct-account-modal > ul .active > button,
#account-modal .ct-account-modal > ul a[aria-selected="true"],
#account-modal .ct-account-modal > ul button[aria-selected="true"] {
	color: #123b82;
	background: #fff;
	box-shadow: inset 0 -3px 0 #ffd100;
}

#account-modal .ct-account-forms {
	padding: 30px 34px 32px;
}

#account-modal .ct-account-forms form {
	--theme-content-spacing: 18px;
}

#account-modal .ct-account-forms label {
	color: #3d4655;
	font-size: 14px;
	font-weight: 600;
}

#account-modal .ct-account-forms input[type="text"],
#account-modal .ct-account-forms input[type="email"],
#account-modal .ct-account-forms input[type="password"],
#account-modal .ct-account-forms input[type="tel"],
#account-modal .ct-account-forms input[type="number"] {
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid #d7dce5;
	border-radius: 10px;
	background: #fff;
	color: #1f2937;
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

#account-modal .ct-account-forms input[type="text"]:focus,
#account-modal .ct-account-forms input[type="email"]:focus,
#account-modal .ct-account-forms input[type="password"]:focus,
#account-modal .ct-account-forms input[type="tel"]:focus,
#account-modal .ct-account-forms input[type="number"]:focus {
	border-color: #123b82;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(18, 59, 130, 0.12);
	outline: none;
}

/* Mantém o olho/controle de senha nativo do Blocksy legível. */
#account-modal .ct-account-forms .ct-password-toggle,
#account-modal .ct-account-forms [class*="password"] button,
#account-modal .ct-account-forms [class*="password"] svg {
	color: #526071;
}

#account-modal .ct-account-forms .login-remember,
#account-modal .ct-account-forms .woocommerce-form-login__rememberme {
	color: #5d6673;
	font-size: 13px;
}

#account-modal .ct-account-forms a {
	color: #735500;
	font-weight: 600;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

#account-modal .ct-account-forms a:hover,
#account-modal .ct-account-forms a:focus-visible {
	color: #123b82;
}

/* CTA nativo: sem trocar o mecanismo de submit do Woo/Blocksy. */
#account-modal .ct-account-forms input[type="submit"],
#account-modal .ct-account-forms button[type="submit"],
#account-modal .ct-account-forms .button[type="submit"],
#account-modal .ct-account-forms .login-submit .button {
	min-height: 48px;
	border: 0;
	border-radius: 10px;
	background: #123b82;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	box-shadow: none;
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

#account-modal .ct-account-forms input[type="submit"]:hover,
#account-modal .ct-account-forms button[type="submit"]:hover,
#account-modal .ct-account-forms .button[type="submit"]:hover,
#account-modal .ct-account-forms .login-submit .button:hover {
	background: #0d2f6b;
	box-shadow: 0 8px 20px rgba(18, 59, 130, 0.20);
}

#account-modal .ct-account-forms input[type="submit"]:active,
#account-modal .ct-account-forms button[type="submit"]:active,
#account-modal .ct-account-forms .button[type="submit"]:active,
#account-modal .ct-account-forms .login-submit .button:active {
	transform: translateY(1px);
}

#account-modal .ct-account-forms input[type="checkbox"] {
	accent-color: #ffd100;
}

/* Notices continuam nativos, apenas refinados visualmente. */
#account-modal .woocommerce-error,
#account-modal .woocommerce-message,
#account-modal .woocommerce-info {
	border-radius: 10px;
	font-size: 13px;
}

@media (max-width: 600px) {
	#account-modal .ct-panel-content {
		padding: 12px;
	}

	#account-modal .ct-account-modal {
		width: min(100%, calc(100vw - 24px));
		border-radius: 15px;
	}

	#account-modal .ct-account-forms {
		padding: 24px 22px 26px;
	}

	#account-modal .ct-account-modal > ul,
	#account-modal .ct-account-modal > ul a,
	#account-modal .ct-account-modal > ul button {
		min-height: 56px;
	}
}