/*
 * Entrar / Cadastre-se / Recuperar senha no layout V3 (woocommerce/myaccount/form-login.php e
 * form-lost-password.php), só pra visitante deslogado — substitui o login.css nessas telas.
 * Escopo em "body.woocommerce-account:not(.logged-in) #page" pra ganhar das regras antigas de
 * minha-conta.css (labels flutuantes, bordas só embaixo, checkbox/radio desenhados à mão).
 * Tokens copiados dos outros componentes V3 (ver categoria-v3.css).
 */
body.woocommerce-account:not(.logged-in){text-align:left}
body.woocommerce-account:not(.logged-in) #page{--bg:#fbfaf7;--text:#24211d;--muted:#746b62;--line:#ded2c2;--gold:#c6a269;--gold2:#a97f4f;--erro:#c0392b;--ok:#3d8b5a;font-family:Montserrat,Arial,sans-serif;color:var(--text);background:var(--bg);padding:clamp(32px,4vw,56px) 0}
body.woocommerce-account:not(.logged-in) #page *{box-sizing:border-box}
body.woocommerce-account:not(.logged-in) #page .mingrid{max-width:1080px;padding:0 16px}

/* Colunas — cada formulário vira um card */
body.woocommerce-account:not(.logged-in) #page #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:0;padding:0}
body.woocommerce-account:not(.logged-in) #page #customer_login::before,
body.woocommerce-account:not(.logged-in) #page #customer_login::after{content:none;display:none}
body.woocommerce-account:not(.logged-in) #page #customer_login > div{float:none;width:auto;max-width:none;margin:0;padding:clamp(24px,3.4vw,44px)!important;background:#fff;border:1px solid var(--line)!important}
body.woocommerce-account:not(.logged-in) #page #customer_login > div::before,
body.woocommerce-account:not(.logged-in) #page #customer_login > div::after{content:none;display:none}

body.woocommerce-account:not(.logged-in) #page .login-v3-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
body.woocommerce-account:not(.logged-in) #page #customer_login h2{font-family:'linotype-didot-headline','linotype-didot',Georgia,serif;font-weight:400;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.01em;color:#111;text-align:left;margin:8px 0 12px}
body.woocommerce-account:not(.logged-in) #page .login-v3-intro{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.7;text-align:left}
body.woocommerce-account:not(.logged-in) #page .login-v3-beneficios{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
body.woocommerce-account:not(.logged-in) #page .login-v3-beneficios li{position:relative;margin:0;padding-left:22px;color:var(--muted);font-size:14px;line-height:1.6;text-align:left}
body.woocommerce-account:not(.logged-in) #page .login-v3-beneficios li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}

/* Campos — label fixo acima do campo (sem o efeito flutuante antigo) */
body.woocommerce-account:not(.logged-in) #page form .form-row{position:relative;margin:18px 0 0;padding:0;float:none;width:100%;text-align:left}
body.woocommerce-account:not(.logged-in) #page form .form-row::before{content:none;display:none}
body.woocommerce-account:not(.logged-in) #page form .form-row > label,
body.woocommerce-account:not(.logged-in) #page form .form-row > label.focus{position:static;display:block;margin:0 0 7px;padding:0;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.3;color:var(--text);transition:none}
body.woocommerce-account:not(.logged-in) #page form .form-row .required{color:var(--gold2);text-decoration:none;border:0}
body.woocommerce-account:not(.logged-in) #page form .woocommerce-input-wrapper,
body.woocommerce-account:not(.logged-in) #page form .password-input{position:relative;display:block;width:100%}
body.woocommerce-account:not(.logged-in) #page form .woocommerce-input-wrapper::before,
body.woocommerce-account:not(.logged-in) #page form .password-input::before{content:none;display:none}
body.woocommerce-account:not(.logged-in) #page form input.input-text{display:block;width:100%;height:48px;margin:0;padding:0 14px!important;background:#fff;border:1px solid var(--line)!important;border-radius:0;font-family:inherit;font-size:14px;line-height:normal!important;color:var(--text);box-shadow:none;transition:border-color .2s}
body.woocommerce-account:not(.logged-in) #page form input.input-text:focus{outline:0;border-color:var(--gold)!important}
body.woocommerce-account:not(.logged-in) #page form .password-input input.input-text{padding-right:48px!important}
body.woocommerce-account:not(.logged-in) #page form .invalid input.input-text,
body.woocommerce-account:not(.logged-in) #page form .woocommerce-invalid input.input-text{border-color:var(--erro)!important}
body.woocommerce-account:not(.logged-in) #page form .valid input.input-text,
body.woocommerce-account:not(.logged-in) #page form .woocommerce-validated input.input-text{border-color:var(--line)!important}

/* Mostrar senha — centralizado dentro do campo, discreto */
body.woocommerce-account:not(.logged-in) #page form .show-password-input{position:absolute;top:50%;right:6px;width:36px;height:36px;margin:0;padding:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;opacity:.45;transition:opacity .2s}
body.woocommerce-account:not(.logged-in) #page form .show-password-input:hover,
body.woocommerce-account:not(.logged-in) #page form .show-password-input:focus-visible{opacity:.9}
body.woocommerce-account:not(.logged-in) #page form .show-password-input::before{width:18px;height:18px;margin:0}

/* Lembre-me + Acessar */
body.woocommerce-account:not(.logged-in) #page form.login > .form-row:not(.form-row-wide){display:flex;flex-direction:column;gap:20px;margin-top:16px}
body.woocommerce-account:not(.logged-in) #page .woocommerce-form-login__rememberme{position:static;display:inline-flex!important;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--muted);cursor:pointer}
body.woocommerce-account:not(.logged-in) #page #customer_login input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid var(--muted)!important;border-radius:0;box-shadow:none;background:#fff;cursor:pointer;transition:background .2s,border-color .2s}
body.woocommerce-account:not(.logged-in) #page #customer_login input[type=checkbox]:checked{border-color:var(--gold2)!important;background:var(--gold2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:none}
body.woocommerce-account:not(.logged-in) #page #customer_login input[type=checkbox]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* Tipo de pessoa */
body.woocommerce-account:not(.logged-in) #page .ae_radio .woocommerce-input-wrapper{display:flex;gap:10px}
body.woocommerce-account:not(.logged-in) #page .ae_radio input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0}
body.woocommerce-account:not(.logged-in) #page .ae_radio span label{flex:1;display:flex!important;align-items:center;justify-content:center;height:44px;margin:0;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}
body.woocommerce-account:not(.logged-in) #page .ae_radio span label .required{display:none}
body.woocommerce-account:not(.logged-in) #page .ae_radio input[type=radio]:checked + label{border-color:var(--gold);background:#faf5ee;color:var(--gold2)}
body.woocommerce-account:not(.logged-in) #page .ae_radio input[type=radio]:focus-visible + label{outline:2px solid var(--gold);outline-offset:2px}
body.woocommerce-account:not(.logged-in) #page .ae_hide{display:none}

/* Botões */
body.woocommerce-account:not(.logged-in) #page form button.button{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:50px;margin:0;padding:0 24px;float:none;border:0;border-radius:0;background:var(--gold);color:#fff;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s}
body.woocommerce-account:not(.logged-in) #page form button.button:hover{background:var(--gold2);color:#fff;filter:none}
body.woocommerce-account:not(.logged-in) #page form.register > .form-row:last-of-type{margin-top:20px}

body.woocommerce-account:not(.logged-in) #page .lost_password{margin:16px 0 0;text-align:center}
body.woocommerce-account:not(.logged-in) #page .lost_password a,
body.woocommerce-account:not(.logged-in) #page .woocommerce-privacy-policy-text a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
body.woocommerce-account:not(.logged-in) #page .lost_password a{font-size:13px;color:var(--muted)}
body.woocommerce-account:not(.logged-in) #page .lost_password a:hover,
body.woocommerce-account:not(.logged-in) #page .woocommerce-privacy-policy-text a:hover{color:var(--gold2)!important}
body.woocommerce-account:not(.logged-in) #page .woocommerce-privacy-policy-text{margin:20px 0 0}
body.woocommerce-account:not(.logged-in) #page .woocommerce-privacy-policy-text p{margin:0;font-size:12px;line-height:1.7;color:var(--muted);text-align:left}

/* Recuperar senha — um card só, centralizado */
body.woocommerce-account:not(.logged-in) #page .lost_reset_password{max-width:520px;margin:0 auto;padding:clamp(24px,3.4vw,44px);background:#fff;border:1px solid var(--line)}
body.woocommerce-account:not(.logged-in) #page .lost_reset_password > p:first-child{margin:0;color:var(--muted);font-size:14px;line-height:1.7;text-align:left}
body.woocommerce-account:not(.logged-in) #page .lost_reset_password .form-row label{position:static;display:block;margin:0 0 7px;font-size:12px;font-weight:600;color:var(--text)}
body.woocommerce-account:not(.logged-in) #page .lost_reset_password .form-row input{border-bottom:1px solid var(--line)}
body.woocommerce-account:not(.logged-in) #page .lost_reset_password .form-row .woocommerce-Button.button{background:var(--gold);color:#fff;font-weight:700}

/* Avisos (erro de senha, e-mail já cadastrado etc.) */
body.woocommerce-account:not(.logged-in) #page .woocommerce-notices-wrapper{max-width:1080px;margin:0 auto 20px;text-align:left}
body.woocommerce-account:not(.logged-in) #page .woocommerce-notices-wrapper:empty{margin:0}

@media(max-width:820px){
body.woocommerce-account:not(.logged-in) #page #customer_login{grid-template-columns:1fr;gap:16px}
}