/*
 * 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;
	}
}


/* ============================================================
   v0.5.11.235 — ACCOUNT MODAL / SELETORES REAIS CONFIRMADOS
   ------------------------------------------------------------
   Corrige o alvo da v0.5.11.234 usando o DOM real visto no
   DevTools do usuário. Ajusta somente tipografia do modal e CTA.
   ============================================================ */

#account-modal .ct-account-modal > ul a,
#account-modal .ct-account-modal > ul button {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms label {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

#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"] {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms .login-remember,
#account-modal .ct-account-forms .woocommerce-form-login__rememberme,
#account-modal .ct-account-forms a {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#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 {
    background: #123B82 !important;
    background-color: #123B82 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#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 !important;
    background-color: #0D2F6B !important;
}


/* ============================================================
   v0.5.11.236 — ACCOUNT MODAL V02 / AUTORITATIVO
   ------------------------------------------------------------
   Seletores confirmados no DOM real do Blocksy.
   Arquivo novo (v02) para eliminar reaproveitamento do CSS v01.
   ============================================================ */
#account-modal .ct-account-modal > ul a,
#account-modal .ct-account-modal > ul button {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms label {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

#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"] {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms .login-remember,
#account-modal .ct-account-forms .login-remember label,
#account-modal .ct-account-forms .login-submit,
#account-modal .ct-account-forms .login-submit a,
#account-modal .ct-account-forms .woocommerce-form-login__rememberme,
#account-modal .ct-account-forms .woocommerce-LostPassword,
#account-modal .ct-account-forms .lost_password,
#account-modal .ct-account-forms a {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#account-modal .ct-account-forms .login-submit input[type="submit"],
#account-modal .ct-account-forms .login-submit button[type="submit"],
#account-modal .ct-account-forms input[type="submit"],
#account-modal .ct-account-forms button[type="submit"],
#account-modal .ct-account-forms .button[type="submit"] {
    background: #123B82 !important;
    background-color: #123B82 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#account-modal .ct-account-forms .login-submit input[type="submit"]:hover,
#account-modal .ct-account-forms .login-submit button[type="submit"]:hover,
#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 {
    background: #0D2F6B !important;
    background-color: #0D2F6B !important;
}


/* ============================================================
   v0.5.11.237 — ACCOUNT MODAL / DOM REAL + CACHE POR FILEMTIME
   ------------------------------------------------------------
   Regras finais, específicas ao modal real do Blocksy.
   ============================================================ */
#account-modal .ct-account-modal > ul li > a,
#account-modal .ct-account-modal > ul li > button {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms form#loginform label,
#account-modal .ct-account-forms form.woocommerce-form-login label,
#account-modal .ct-account-forms form label {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

#account-modal .ct-account-forms form#loginform input.input-text,
#account-modal .ct-account-forms form.woocommerce-form-login input.input-text,
#account-modal .ct-account-forms input.input-text,
#account-modal .ct-account-forms input[type="text"],
#account-modal .ct-account-forms input[type="email"],
#account-modal .ct-account-forms input[type="password"] {
    font-size: 17px !important;
    line-height: 1.35 !important;
}

#account-modal .ct-account-forms .login-remember label,
#account-modal .ct-account-forms .woocommerce-form-login__rememberme,
#account-modal .ct-account-forms .lost_password,
#account-modal .ct-account-forms .woocommerce-LostPassword,
#account-modal .ct-account-forms .lost_password a,
#account-modal .ct-account-forms .woocommerce-LostPassword a {
    font-size: 15px !important;
    line-height: 1.4 !important;
}

#account-modal .ct-account-forms form#loginform .login-submit input[type="submit"],
#account-modal .ct-account-forms form.woocommerce-form-login button.woocommerce-form-login__submit,
#account-modal .ct-account-forms button.woocommerce-form-login__submit,
#account-modal .ct-account-forms input[name="wp-submit"],
#account-modal .ct-account-forms input[type="submit"],
#account-modal .ct-account-forms button[type="submit"] {
    background: #123B82 !important;
    background-color: #123B82 !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    border-color: #123B82 !important;
}

#account-modal .ct-account-forms form#loginform .login-submit input[type="submit"]:hover,
#account-modal .ct-account-forms form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
#account-modal .ct-account-forms button.woocommerce-form-login__submit:hover,
#account-modal .ct-account-forms input[name="wp-submit"]:hover,
#account-modal .ct-account-forms input[type="submit"]:hover,
#account-modal .ct-account-forms button[type="submit"]:hover {
    background: #0D2F6B !important;
    background-color: #0D2F6B !important;
    border-color: #0D2F6B !important;
}


/* ============================================================
   v0.5.11.239 — MODAL LOGIN / SOMENTE ABAS + BOTÃO ACESSAR
   ------------------------------------------------------------
   Alvos confirmados pelo DevTools:
   - as abas herdam font-size do próprio LI do Blocksy;
   - o CTA pode ser button/input dentro de .login-submit.
   Nenhum outro elemento do modal é alterado nesta versão.
   ============================================================ */

/* ENTRAR / REGISTRAR-SE: o tamanho real vem do LI. */
#account-modal .ct-account-modal > ul > li,
#account-modal .ct-account-modal > ul > li.ct-login,
#account-modal .ct-account-modal > ul > li.ct-register {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

#account-modal .ct-account-modal > ul > li > a,
#account-modal .ct-account-modal > ul > li > button {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* ACESSAR: cobre a estrutura real do login do Blocksy/WooCommerce. */
#account-modal .ct-account-forms .login-submit,
#account-modal .ct-account-forms p.login-submit {
    font-size: 17px !important;
}

#account-modal .ct-account-forms .login-submit > input,
#account-modal .ct-account-forms .login-submit > button,
#account-modal .ct-account-forms p.login-submit > input,
#account-modal .ct-account-forms p.login-submit > button,
#account-modal .ct-account-forms button[name="login"],
#account-modal .ct-account-forms input[name="login"],
#account-modal .ct-account-forms button.woocommerce-form-login__submit,
#account-modal .ct-account-forms .woocommerce-form-login__submit {
    background: #123B82 !important;
    background-color: #123B82 !important;
    border-color: #123B82 !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#account-modal .ct-account-forms .login-submit > input:hover,
#account-modal .ct-account-forms .login-submit > button:hover,
#account-modal .ct-account-forms p.login-submit > input:hover,
#account-modal .ct-account-forms p.login-submit > button:hover,
#account-modal .ct-account-forms button[name="login"]:hover,
#account-modal .ct-account-forms input[name="login"]:hover,
#account-modal .ct-account-forms button.woocommerce-form-login__submit:hover,
#account-modal .ct-account-forms .woocommerce-form-login__submit:hover {
    background: #0D2F6B !important;
    background-color: #0D2F6B !important;
    border-color: #0D2F6B !important;
}


/* ============================================================
   v0.5.11.240 — MODAL CADASTRO / BOTÃO CADASTRAR-SE
   ------------------------------------------------------------
   Ajuste isolado no CTA do formulário de cadastro do modal.
   Não altera campos, labels, login nem outras telas.
   ============================================================ */
#account-modal .ct-account-forms .woocommerce-form-register .woocommerce-form-register__submit,
#account-modal .ct-account-forms .woocommerce-form-register button[type="submit"],
#account-modal .ct-account-forms .woocommerce-form-register input[type="submit"],
#account-modal .ct-account-forms .woocommerce-form-register button[name="register"],
#account-modal .ct-account-forms .woocommerce-form-register input[name="register"] {
    background: #123B82 !important;
    background-color: #123B82 !important;
    border-color: #123B82 !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#account-modal .ct-account-forms .woocommerce-form-register .woocommerce-form-register__submit:hover,
#account-modal .ct-account-forms .woocommerce-form-register button[type="submit"]:hover,
#account-modal .ct-account-forms .woocommerce-form-register input[type="submit"]:hover,
#account-modal .ct-account-forms .woocommerce-form-register button[name="register"]:hover,
#account-modal .ct-account-forms .woocommerce-form-register input[name="register"]:hover {
    background: #0D2F6B !important;
    background-color: #0D2F6B !important;
    border-color: #0D2F6B !important;
}


/* ============================================================
   v0.5.11.241 — MODAL CADASTRO / BOTÃO REAL CONFIRMADO
   ------------------------------------------------------------
   DOM confirmado via DevTools:
   button.ct-button.ct-account-register-submit.has-text-align-center
   name="wp-submit"
   Ajuste exclusivo desse botão.
   ============================================================ */
#account-modal .ct-account-forms button.ct-button.ct-account-register-submit.has-text-align-center,
#account-modal .ct-account-forms button.ct-account-register-submit[name="wp-submit"],
#account-modal .ct-register-form button.ct-account-register-submit {
    background: #123B82 !important;
    background-color: #123B82 !important;
    border-color: #123B82 !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#account-modal .ct-account-forms button.ct-button.ct-account-register-submit.has-text-align-center:hover,
#account-modal .ct-account-forms button.ct-account-register-submit[name="wp-submit"]:hover,
#account-modal .ct-register-form button.ct-account-register-submit:hover {
    background: #0D2F6B !important;
    background-color: #0D2F6B !important;
    border-color: #0D2F6B !important;
}