/* ============================================================
   FELTONI - Minha Conta (account)
   ============================================================
   Arquivo separado (UTF-8 limpo) pra nao tocar no style.css
   principal, que tem encoding corrompido.

   Enfileirado no functions.php como 'feltoni-account', dependente
   de 'feltoni-child'.

   FASE 1: tela de LOGIN (estado deslogado).
   Escopo: body.woocommerce-account:not(.logged-in)
   - nada aqui vaza pro painel logado nem pro resto do site,
     porque tudo depende do :not(.logged-in) + classes proprias.

   Estrutura DOM (montada pelos hooks no functions.php):
     .woocommerce
       .woocommerce-notices-wrapper
       .fp-auth                      (grid 2 colunas)
         .fp-auth__form-col          (coluna esquerda)
           .fp-auth__head            (eyebrow + titulo + lede)
           #customer_login           (login + cadastro, toggle)
             .u-column1 (login)
             .u-column2 (cadastro)
         .fp-auth__hero              (coluna direita: marca)

   PREFIXO: .fp-auth-*  (classes exclusivas).
   ============================================================ */


/* ------------------------------------------------------------
   0 - Esconde o titulo "Minha conta" do tema so no login.
   No deslogado o titulo vem do proprio hero/form.
   ------------------------------------------------------------ */
body.woocommerce-account:not(.logged-in) .page-header {
  display: none !important;
}

/* Tira o container apertado do tema pra coluna respirar.
   So no login deslogado. */
body.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 1100px;
  margin: 40px auto 80px;
  padding: 0 24px;
}


/* ------------------------------------------------------------
   1 - GRID 2 COLUNAS (form | hero) num card unico
   ------------------------------------------------------------ */
.fp-auth {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--feltoni-bg-card);
  border: 1px solid var(--feltoni-border);
  border-radius: var(--feltoni-radius-lg);
  overflow: hidden;
}

/* Coluna esquerda: formularios */
.fp-auth__form-col {
  padding: 56px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--feltoni-bg-card);
}

/* Cabecalho (eyebrow + titulo + lede) */
.fp-auth__head {
  margin-bottom: 32px;
}

.fp-auth__eyebrow {
  display: inline-block;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--feltoni-pink);
  margin-bottom: 14px;
}

.fp-auth__title {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(34px, 3.4vw, 48px) !important;
  line-height: 0.95 !important;
  text-transform: uppercase;
  letter-spacing: -0.01em !important;
  margin: 0 0 14px !important;
  color: var(--feltoni-text) !important;
}

.fp-auth__lede {
  font-family: 'Archivo', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--feltoni-text-dim);
  margin: 0;
}


/* ------------------------------------------------------------
   2 - TOGGLE login / cadastro
   ------------------------------------------------------------
   #customer_login ganha data-mode="login" | "register" via JS.
   So uma coluna aparece por vez. O grid 2-col do Woo
   (.u-columns) e' neutralizado: cada form ocupa 100%.
   ------------------------------------------------------------ */
body.woocommerce-account:not(.logged-in) #customer_login {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.woocommerce-account:not(.logged-in) #customer_login .u-column1,
body.woocommerce-account:not(.logged-in) #customer_login .u-column2 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Esconde os <h2> "Acesse sua conta" / "Cadastrar-se" do Woo:
   o titulo ja vem do .fp-auth__head, e o toggle deixa claro
   o estado. */
body.woocommerce-account:not(.logged-in) #customer_login > .u-column1 > h2,
body.woocommerce-account:not(.logged-in) #customer_login > .u-column2 > h2 {
  display: none !important;
}

/* Estado: login visivel, cadastro oculto (default) */
#customer_login[data-mode="login"] .u-column2 { display: none !important; }
#customer_login[data-mode="register"] .u-column1 { display: none !important; }

/* Enquanto o JS nao roda, mostra so o login (evita "flash"
   dos dois forms). Se o JS falhar, cai no fallback abaixo. */
body.woocommerce-account:not(.logged-in) #customer_login:not([data-mode]) .u-column2 {
  display: none !important;
}


/* ------------------------------------------------------------
   3 - FORMULARIOS (login + cadastro)
   ------------------------------------------------------------
   Inputs e botoes ja herdam estilo das secoes 4/5/15 do
   style.css. Aqui so ajusto layout, espaco e largura.
   ------------------------------------------------------------ */
body.woocommerce-account:not(.logged-in) .woocommerce-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form .form-row,
body.woocommerce-account:not(.logged-in) .woocommerce-form p {
  margin: 0;
  padding: 0;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form label {
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--feltoni-text-dim);
  margin-bottom: 8px;
  display: block;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form .woocommerce-Input,
body.woocommerce-account:not(.logged-in) .woocommerce-form input.input-text {
  width: 100% !important;
  background: var(--feltoni-bg-deep) !important;
  border: 1px solid var(--feltoni-border-strong) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  color: var(--feltoni-text) !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 15px !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form .woocommerce-Input:focus,
body.woocommerce-account:not(.logged-in) .woocommerce-form input.input-text:focus {
  outline: none !important;
  border-color: var(--feltoni-pink) !important;
  box-shadow: 0 0 0 3px rgba(255, 31, 143, 0.12) !important;
}

/* Campo de senha do Woo vem dentro de <span class="password-input">
   com o "olho" (show-password). Garante que o input estica. */
body.woocommerce-account:not(.logged-in) .woocommerce-form .password-input {
  display: block;
  position: relative;
  width: 100%;
}
body.woocommerce-account:not(.logged-in) .woocommerce-form .show-password-input {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--feltoni-text-mute);
}

/* Linha "lembrar-me" + botao */
body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  font-size: 14px !important;
  color: var(--feltoni-text-dim);
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce-form-login__rememberme input {
  width: 18px;
  height: 18px;
  accent-color: var(--feltoni-pink);
  margin: 0;
}

/* Botoes de submit (Acessar / Registrar) full width */
body.woocommerce-account:not(.logged-in) .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register__submit {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

/* "Perdeu a senha?" */
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
  margin: 4px 0 0 !important;
  text-align: center;
}
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a {
  font-family: 'Archivo', sans-serif;
  font-size: 13px;
  color: var(--feltoni-text-dim) !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:hover {
  color: var(--feltoni-pink) !important;
}

/* Texto de privacidade do cadastro (se aparecer) */
body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  color: var(--feltoni-text-mute) !important;
  line-height: 1.5;
}
body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text a {
  color: var(--feltoni-pink) !important;
}


/* ------------------------------------------------------------
   4 - LINK DE TROCA (injetado por JS no fim de cada form)
   ------------------------------------------------------------ */
.fp-auth__switch {
  margin-top: 28px !important;
  text-align: center;
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  color: var(--feltoni-text-dim);
}
.fp-auth__switch button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--feltoni-pink);
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.fp-auth__switch button:hover { text-decoration: underline; }


/* ------------------------------------------------------------
   5 - HERO DA MARCA (coluna direita)
   ------------------------------------------------------------ */
.fp-auth__hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 44px;
  background: var(--feltoni-bg-deep);
  border-left: 1px solid var(--feltoni-border);
}

.fp-auth__hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at top right, rgba(255, 31, 143, 0.20), transparent 55%),
    radial-gradient(ellipse at bottom left, rgba(37, 229, 98, 0.16), transparent 55%);
}

.fp-auth__hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 40px 40px;
}

.fp-auth__hero-inner {
  position: relative;
  z-index: 2;
  max-width: 420px;
  text-align: center;
}

.fp-auth__hero-logo {
  width: 64px;
  height: 64px;
  object-fit: contain;
  margin: 0 auto 22px;
  display: block;
  filter: drop-shadow(0 4px 16px rgba(255, 31, 143, 0.30));
}

.fp-auth__hero-title {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: 0.92 !important;
  text-transform: uppercase;
  margin: 0 0 22px !important;
}

.fp-auth__hero-title .fp-grad-pink {
  background: linear-gradient(180deg, var(--feltoni-pink), var(--feltoni-pink-deep));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.fp-auth__hero-title .fp-grad-green {
  background: linear-gradient(180deg, var(--feltoni-green), #12a046);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.fp-auth__hero-text {
  font-family: 'Archivo', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: var(--feltoni-text-dim);
  margin: 0 0 36px;
}

.fp-auth__hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-top: 28px;
  border-top: 1px solid var(--feltoni-border);
}

.fp-auth__hero-stat-num {
  font-family: 'Anton', sans-serif;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1;
  color: var(--feltoni-text);
  margin-bottom: 6px;
}

.fp-auth__hero-stat-label {
  font-family: 'Archivo', sans-serif;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--feltoni-text-mute);
  line-height: 1.35;
}


/* ------------------------------------------------------------
   6 - RESET DE SENHA (tela separada: ?lost-password)
   ------------------------------------------------------------
   Nessa tela nao tem #customer_login nem hero. Centraliza o
   form de recuperacao num card.
   ------------------------------------------------------------ */
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword {
  max-width: 460px;
  margin: 0 auto;
  background: var(--feltoni-bg-card);
  border: 1px solid var(--feltoni-border);
  border-radius: var(--feltoni-radius-lg);
  padding: 40px 36px !important;
}
body.woocommerce-account:not(.logged-in) .woocommerce-ResetPassword .woocommerce-Button {
  width: 100% !important;
  justify-content: center !important;
}


/* ------------------------------------------------------------
   7 - RESPONSIVO
   ------------------------------------------------------------ */
@media (max-width: 860px) {
  .fp-auth {
    grid-template-columns: 1fr;
  }
  /* Form em cima, hero embaixo */
  .fp-auth__form-col { order: 1; padding: 44px 28px; }
  .fp-auth__hero {
    order: 2;
    border-left: none;
    border-top: 1px solid var(--feltoni-border);
    padding: 48px 28px;
  }
}

@media (max-width: 480px) {
  body.woocommerce-account:not(.logged-in) .woocommerce {
    padding: 0 14px;
    margin: 24px auto 60px;
  }
  .fp-auth__form-col { padding: 36px 22px; }
  .fp-auth__hero { padding: 40px 22px; }
  .fp-auth__title { font-size: 32px !important; }
}


/* ============================================================
   8 - PAINEL LOGADO (Minha Conta) -- visual caprichado
   ============================================================
   Escopo: body.woocommerce-account.logged-in
   Linguagem do login trazida pro painel: gradiente da marca,
   Anton nos titulos, botoes pill, cards com presenca.
   ============================================================ */

/* ---- Grid 2 colunas (menu | conteudo), alinhados no topo ---- */
body.woocommerce-account.logged-in .woocommerce {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  align-items: start;
  max-width: var(--feltoni-maxw);
  margin: 40px auto 80px;
}

body.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
}

/* ---- MENU LATERAL ---- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  grid-column: 1;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  background: var(--feltoni-bg-card);
  border: 1px solid var(--feltoni-border);
  border-radius: var(--feltoni-radius-lg);
  padding: 14px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
  margin: 0 0 4px !important;
  border: none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 16px;
  border-radius: var(--feltoni-radius);
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--feltoni-text-dim) !important;
  text-decoration: none;
  transition: background .18s var(--feltoni-ease), color .18s var(--feltoni-ease);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
  background: var(--feltoni-bg-deep);
  color: var(--feltoni-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
  background: linear-gradient(135deg, var(--feltoni-pink), var(--feltoni-pink-deep));
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(255, 31, 143, 0.32);
}

/* "Sair" com leve destaque de separacao */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child {
  margin-top: 8px !important;
  border-top: 1px solid var(--feltoni-border) !important;
  padding-top: 8px;
}

/* ---- CARD DE CONTEUDO (com fio rosa->verde no topo) ---- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  position: relative;
  grid-column: 2;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  float: none !important;
  margin: 0 !important;
  background: var(--feltoni-bg-card);
  border: 1px solid var(--feltoni-border);
  border-radius: var(--feltoni-radius-lg);
  padding: 34px 36px;
  overflow: hidden;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--feltoni-pink), var(--feltoni-green));
}

/* Titulos de secao dentro do conteudo (Anton) */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > h2,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > h3 {
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  font-size: 26px !important;
  margin: 0 0 20px !important;
  color: var(--feltoni-text) !important;
}

/* Texto (saudacao do painel) + links em rosa */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content p {
  font-family: 'Archivo', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: var(--feltoni-text-dim);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content p a {
  color: var(--feltoni-pink);
  font-weight: 600;
}

/* ---- BOTOES (pill com gradiente, como o login) ---- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--feltoni-pink), var(--feltoni-pink-deep)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 28px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s var(--feltoni-ease), box-shadow .2s var(--feltoni-ease);
  box-shadow: 0 4px 18px rgba(255, 31, 143, 0.28);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(255, 31, 143, 0.42);
}

/* ---- FORM "Detalhes da conta" ---- */
body.woocommerce-account.logged-in .woocommerce-EditAccountForm {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm .woocommerce-form-row {
  margin: 0;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm label {
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--feltoni-text);
  margin-bottom: 6px;
  display: block;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm input.input-text,
body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="email"],
body.woocommerce-account.logged-in .woocommerce-EditAccountForm input[type="password"] {
  width: 100% !important;
  background: var(--feltoni-bg-deep) !important;
  border: 1px solid var(--feltoni-border-strong) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  color: var(--feltoni-text) !important;
  font-family: 'Archivo', sans-serif !important;
  font-size: 15px !important;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm input:focus {
  outline: none !important;
  border-color: var(--feltoni-pink) !important;
  box-shadow: 0 0 0 3px rgba(255, 31, 143, 0.12) !important;
}

body.woocommerce-account.logged-in .woocommerce-EditAccountForm em {
  color: var(--feltoni-text-mute);
  font-size: 12px;
  font-style: italic;
}

/* Fieldset de senha: borda na cor do tema (padrao vem cinza claro) */
body.woocommerce-account.logged-in fieldset {
  border: 1px solid var(--feltoni-border) !important;
  border-radius: var(--feltoni-radius);
  padding: 22px 24px;
  margin: 8px 0 0;
}

body.woocommerce-account.logged-in fieldset legend {
  padding: 0 10px;
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--feltoni-text-dim);
}

/* ---- ENDERECOS (cards com presenca) ---- */
body.woocommerce-account.logged-in .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px;
  align-items: start;
  margin: 16px 0 0;
}

body.woocommerce-account.logged-in .woocommerce-Address {
  width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  overflow: hidden;
  background: var(--feltoni-bg-deep);
  border: 1px solid var(--feltoni-border);
  border-radius: var(--feltoni-radius);
  padding: 26px;
  transition: border-color .18s var(--feltoni-ease);
}

body.woocommerce-account.logged-in .woocommerce-Address:hover {
  border-color: var(--feltoni-border-strong);
}

body.woocommerce-account.logged-in .woocommerce-Address-title {
  display: block;
  margin-bottom: 14px;
}

body.woocommerce-account.logged-in .woocommerce-Address-title h3 {
  display: block;
  margin: 0 0 10px !important;
  font-family: 'Anton', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 19px !important;
  color: var(--feltoni-text) !important;
}

body.woocommerce-account.logged-in .woocommerce-Address-title .edit {
  display: inline-block;
  float: none !important;
  margin: 0;
  font-family: 'Archivo', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--feltoni-pink) !important;
}

body.woocommerce-account.logged-in .woocommerce-Address address {
  font-style: normal;
  font-family: 'Archivo', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--feltoni-text-dim);
  margin: 0;
}

/* ---- ESTADO VAZIO (Pedidos / Downloads sem itens) ---- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  background: var(--feltoni-bg-deep) !important;
  border: 1px solid var(--feltoni-border) !important;
  border-left: 3px solid var(--feltoni-pink) !important;
  border-radius: var(--feltoni-radius) !important;
  padding: 24px 26px !important;
  font-family: 'Archivo', sans-serif;
  font-size: 15px;
  color: var(--feltoni-text);
}

/* ---- TABELA DE PEDIDOS (quando houver) ---- */
body.woocommerce-account.logged-in .woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

body.woocommerce-account.logged-in .woocommerce-orders-table th {
  font-family: 'Archivo', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--feltoni-text-mute);
  padding: 10px 14px;
  border: none;
}

body.woocommerce-account.logged-in .woocommerce-orders-table td {
  background: var(--feltoni-bg-deep);
  border-top: 1px solid var(--feltoni-border);
  border-bottom: 1px solid var(--feltoni-border);
  padding: 16px 14px;
  font-size: 14px;
}

/* ---- RESPONSIVO PAINEL ---- */
@media (max-width: 768px) {
  body.woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  body.woocommerce-account.logged-in .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    grid-column: auto !important;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    padding: 26px 22px;
  }
}

/* Olho de mostrar/ocultar senha: e icone, nao botao de acao */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .show-password-input,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.show-password-input {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: auto !important;
  min-width: 0 !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--feltoni-text-mute) !important;
}

/* wrapper do campo de senha precisa ser relative pro olho se posicionar */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .password-input,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-password-strength,
body.woocommerce-account.logged-in fieldset .woocommerce-form-row {
  position: relative;
}