/* ══════════════════════════════════════════════════════════
   Seivee — Minha conta (Woo MyAccount)
   Estilo Seivee aplicado aos templates override em
   theme/woocommerce/myaccount/. Carregado em is_account_page()
   via functions.php.
   ══════════════════════════════════════════════════════════ */

/* ───────── Shell + cabeçalho ───────── */
.seivee-account{
  max-width:1100px;margin:0 auto;
  padding:0 64px;
  color:var(--text);
}
/* Respiro vertical aplicado no wrapper .woocommerce do shortcode my-account.
   Fonte ÚNICA do espaçamento topo/base — vale para notices (irmãs do
   .seivee-account) E para o conteúdo. */
.woocommerce-account .woocommerce{
  padding:var(--sp-secao-md) 0;
}
.seivee-account-header{margin-bottom:var(--sp-card-md);text-align:left;}
.seivee-account-eyebrow{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.42em;text-transform:uppercase;
  color:var(--rosado);margin-bottom:12px;
}
.seivee-account-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(28px,3vw,42px);color:var(--vinho);
  letter-spacing:0.02em;line-height:1.1;
}
.seivee-account-sub{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);color:var(--muted);
  line-height:1.65;max-width:560px;margin-top:14px;
}

/* ───────── Layout do painel logado (nav + content) ───────── */
.seivee-account-shell{
  display:grid;grid-template-columns:240px 1fr;gap:48px;
  align-items:start;
}
/* Reset do float:left/right e width:30%/68% que woocommerce-layout.css
   aplica nativamente em .woocommerce-account .woocommerce-MyAccount-*
   (specificity 0,2,0 igual ao WC; vence em empate porque este CSS
   carrega depois via deps ['seivee-main']). Em grid, float já é ignorado,
   mas o width:30%/68% comprimia a nav (~72px) e o content. */
.seivee-account .woocommerce-MyAccount-navigation,
.seivee-account .woocommerce-MyAccount-content{
  float:none;width:auto;
}
/* Grid item com min-width:auto (default) fazia o content nao encolher abaixo do
   min-content da tabela shop_table do view-order (~396px), arrastando a coluna
   1fr do .seivee-account-shell e o nav junto → overflow de ~3px no mobile.
   min-width:0 permite o item respeitar exatamente o 1fr. No-op no desktop
   (coluna sobra). Specificity 0,2,0 vence width:auto acima por ordem. */
.seivee-account .woocommerce-MyAccount-content{
  min-width:0;
}
/* Reset do width:47% + float:left/right que woocommerce-layout.css
   aplica nativamente em .form-row-first/.form-row-last (spec 0,2,1).
   Mesma origem do bug do nav (specificity vencendo nossas regras).
   Decisão: forms em 1 col empilhada em todos os breakpoints —
   leitura mais limpa em dados pessoais, padrão moderno. */
.seivee-account form .form-row,
.seivee-account form .form-row-first,
.seivee-account form .form-row-last,
.seivee-account form .form-row-wide{
  float:none;width:100%;clear:none;
}
.seivee-account-nav{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  padding:24px 0;
}
.seivee-account-nav ul{list-style:none;margin:0;padding:0;}
.seivee-account-nav li{margin:0;}
.seivee-account-nav a{
  display:block;padding:14px 28px;
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.2em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;
  border-left:2px solid transparent;
  transition:color .25s,border-color .25s,background .25s;
}
.seivee-account-nav a:hover{color:var(--vinho);}
.seivee-account-nav .is-active a,
.seivee-account-nav a[aria-current="page"]{
  color:var(--vinho);border-left-color:var(--vinho);
  background:rgba(196,155,162,0.06);
}
.woocommerce-MyAccount-content{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  padding:36px var(--sp-card-sm);
}

/* ───────── Login + registro (form-login.php) ───────── */
.seivee-login .seivee-account-header{margin-bottom:var(--sp-card-lg);text-align:center;}
.seivee-login .seivee-account-sub{margin-left:auto;margin-right:auto;}

.seivee-login-grid{
  display:grid;grid-template-columns:1fr;gap:24px;
  max-width:520px;margin:0 auto;
}
.seivee-login--com-cadastro .seivee-login-grid{
  grid-template-columns:1fr 1fr;max-width:920px;gap:2px;
}
.seivee-login-col{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  padding:40px var(--sp-card-sm);
}
.seivee-form-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;margin-bottom:28px;padding-bottom:16px;
  border-bottom:1px solid rgba(196,155,162,0.2);
}

/* ───────── Inputs / labels / required (espelha checkout.css) ───────── */
.seivee-account .form-row,
.seivee-account .woocommerce-form-row{margin-bottom:20px;display:block;}
.seivee-account .form-row label,
.seivee-account .woocommerce-form-row label{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-eyebrow);letter-spacing:0.2em;text-transform:uppercase;
  color:var(--muted);display:block;margin-bottom:6px;
}
.seivee-account .required{color:var(--rosado);border:none;text-decoration:none;}
.seivee-account input.input-text,
.seivee-account input[type="text"],
.seivee-account input[type="email"],
.seivee-account input[type="password"],
.seivee-account input[type="tel"],
.seivee-account textarea,
.seivee-account select{
  width:100%;padding:13px 16px;
  font-family:var(--f-corpo);font-weight:300;font-size:var(--fs-corpo);
  background:rgba(196,155,162,0.06);
  border:1px solid rgba(196,155,162,0.25);border-radius:0;
  color:var(--text);outline:none;
  transition:border-color .3s,background .3s;
  -webkit-appearance:none;
}
.seivee-account input.input-text:focus,
.seivee-account input:focus,
.seivee-account textarea:focus,
.seivee-account select:focus{
  border-color:var(--rosado);background:var(--offwhite);
}
.seivee-account input::placeholder,
.seivee-account textarea::placeholder{color:var(--muted);opacity:.65;}

/* ───────── Checkbox (remember me, privacy etc.) ───────── */
.seivee-account .woocommerce-form__label-for-checkbox{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);letter-spacing:0.04em;text-transform:none;
  color:var(--text);margin:0;
}
.seivee-account .woocommerce-form__input-checkbox{
  width:16px;height:16px;margin:0;accent-color:var(--vinho);
}

/* ───────── Botões CTA (login, register, generic Woo buttons) ───────── */
.seivee-account .button,
.seivee-account .woocommerce-button,
.seivee-account .woocommerce-Button,
.seivee-account button[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;min-width:160px;
  font-family:var(--f-corpo);font-weight:400;
  font-size:10.5px;letter-spacing:0.3em;text-transform:uppercase;
  background:var(--vinho);color:var(--offwhite);
  border:1px solid var(--vinho);border-radius:0;cursor:pointer;
  transition:background .3s,color .3s,letter-spacing .3s;
}
.seivee-account .button:hover,
.seivee-account .woocommerce-button:hover,
.seivee-account .woocommerce-Button:hover,
.seivee-account button[type="submit"]:hover{
  background:var(--rosado);border-color:var(--rosado);
}

/* Botões de ação do view-order (Pagar / Cancelar em failed/pending/on-hold).
   Os 2 botões inline somam >=436px com a regra .seivee-account .button
   (min-width:160px + padding 15px 28px) — estoura viewport mobile.
   Aqui afrouxa o min-width e o padding so' nos botoes de acao;
   no mobile (<=599px), empilha em block full-width. Font-size herda. */
.seivee-account .order-actions-button{
  min-width:0;
  padding:11px 18px;
}

@media (max-width:599px){
  .seivee-account .order-actions-button{
    display:block;width:100%;margin:0 0 8px;text-align:center;
  }
  .seivee-account .order-actions-button:last-child{margin-bottom:0;}
}

/* Botão Sair na navegação fica diferente: link discreto */
.seivee-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--rosado);
}

/* ───────── Bloco de ações do login (remember me + botão lado a lado) ───────── */
.seivee-form-row-acoes{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:16px;margin-top:8px;margin-bottom:18px;
}

/* ───────── Link "Esqueci minha senha" ───────── */
.seivee-account .woocommerce-LostPassword{margin-top:4px;}
.seivee-account .woocommerce-LostPassword a{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--rosado);
  border-bottom:1px solid transparent;transition:border-color .25s,color .25s;
}
.seivee-account .woocommerce-LostPassword a:hover{
  color:var(--vinho);border-bottom-color:var(--rosado);
}

/* ───────── Texto de privacidade injetado pelo hook woocommerce_register_form ───────── */
.seivee-account .woocommerce-privacy-policy-text,
.seivee-account .woocommerce-privacy-policy-text p{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  line-height:1.7;margin:18px 0 4px;
}
.seivee-account .woocommerce-privacy-policy-text a{
  color:var(--rosado);border-bottom:1px solid var(--rosa-claro);
  transition:color .25s,border-color .25s;
}
.seivee-account .woocommerce-privacy-policy-text a:hover{color:var(--vinho);}

/* Aviso "A link to set a new password..." quando senha auto-gerada */
.seivee-form-aviso{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  line-height:1.6;padding:12px 14px;background:rgba(196,155,162,0.06);
  border-left:2px solid var(--rosa-claro);
}

/* ───────── Dashboard (saudação + descrição) ───────── */
.seivee-dashboard{max-width:680px;}
.seivee-dashboard-saudacao{margin-bottom:32px;}
.seivee-dashboard-ola{
  font-family:var(--f-titulo);font-weight:400;
  font-size:clamp(26px,2.6vw,34px);color:var(--vinho);
  letter-spacing:0.02em;line-height:1.15;margin-bottom:8px;
}
.seivee-dashboard-bemvinda{
  font-family:var(--f-poetico);
  font-size:var(--fs-h-sm);color:var(--rosado);
  line-height:1.4;margin-bottom:14px;
}
.seivee-dashboard-logout{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  letter-spacing:0.04em;
}
.seivee-dashboard-logout a{
  color:var(--rosado);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
  margin-left:4px;
}
.seivee-dashboard-logout a:hover{color:var(--vinho);border-bottom-color:var(--rosado);}
.seivee-dashboard-desc{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);color:var(--text);
  line-height:1.75;padding-top:24px;
  border-top:1px solid rgba(196,155,162,0.18);
}

/* ───────── form-edit-account (Detalhes da conta) ───────── */
.seivee-form-edit-account{max-width:640px;}
.seivee-form-ajuda{
  display:block;margin-top:8px;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  line-height:1.55;letter-spacing:0;
  text-transform:none;
}
.seivee-form-opcional{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  letter-spacing:0;text-transform:none;
  margin-left:6px;
}
.seivee-form-senha{
  border:none;padding:0;margin:32px 0 24px;
  border-top:1px solid rgba(196,155,162,0.18);
}
.seivee-form-senha legend{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;padding:24px 0 20px;
}

/* ───────── Recuperação de senha (lost-password / reset / confirmation) ───────── */
.seivee-senha{max-width:520px;}
.seivee-senha .seivee-account-header{
  margin-bottom:var(--sp-card-md);text-align:center;
}
.seivee-senha .seivee-account-sub{
  margin-left:auto;margin-right:auto;
}
.seivee-form-senha-rec{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  padding:40px var(--sp-card-sm);
}
.seivee-form-row-cta{
  margin-top:8px;margin-bottom:0;text-align:center;
}
.seivee-form-row-cta button{
  width:100%;
}
.seivee-senha-volta{
  margin-top:24px;text-align:center;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  letter-spacing:0.04em;
}
.seivee-senha-volta a{
  color:var(--rosado);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
  margin-left:4px;
}
.seivee-senha-volta a:hover{color:var(--vinho);border-bottom-color:var(--rosado);}
.seivee-senha-confirma{
  padding:24px 28px;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  border-left:3px solid var(--vinho);
  font-size:var(--fs-corpo);line-height:1.75;
  max-width:none;
}

/* ───────── Pedidos (orders + view-order) ───────── */
.seivee-pedidos{max-width:none;}
.seivee-pedidos-tabela{
  width:100%;border-collapse:collapse;border-spacing:0;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
}
.seivee-pedidos-tabela thead th{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.22em;text-transform:uppercase;
  color:var(--muted);
  text-align:left;padding:18px 20px;
  border-bottom:1px solid rgba(196,155,162,0.18);
  background:rgba(196,155,162,0.04);
}
.seivee-pedidos-tabela tbody td,
.seivee-pedidos-tabela tbody th{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--text);
  padding:18px 20px;vertical-align:middle;
  border-bottom:1px solid rgba(196,155,162,0.1);
}
.seivee-pedidos-tabela tbody tr:last-child td,
.seivee-pedidos-tabela tbody tr:last-child th{border-bottom:none;}
.seivee-pedidos-tabela tbody tr:hover{background:rgba(196,155,162,0.03);}

.seivee-pedido-numero{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-corpo);color:var(--vinho);
  letter-spacing:0.02em;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .25s;
}
.seivee-pedido-numero:hover{border-bottom-color:var(--vinho);}

.seivee-pedido-total{
  font-family:var(--f-corpo);font-weight:400;color:var(--text);
}

/* Status pill — cor por status do pedido */
.seivee-pedido-status{
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 14px 5px calc(14px + 0.18em);
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.18em;text-transform:uppercase;
  border:1px solid currentColor;
  border-radius:999px;line-height:1;white-space:nowrap;
}
.seivee-pedido-status--pending,
.seivee-pedido-status--on-hold{color:var(--rosado);}
.seivee-pedido-status--processing{color:var(--vinho);}
.seivee-pedido-status--completed{color:#5d7a3a;}          /* verde-oliva suave */
.seivee-pedido-status--cancelled,
.seivee-pedido-status--refunded,
.seivee-pedido-status--failed{color:var(--muted);}

/* Botão "Ver" e demais actions */
.seivee-account a.button.seivee-pedido-acao{
  display:inline-block;margin-right:6px;
  padding:9px 16px;
  min-width:0;
  font-family:var(--f-corpo);font-weight:400;
  font-size:10px;letter-spacing:0.24em;text-transform:uppercase;
  background:transparent;color:var(--vinho);
  border:1px solid var(--vinho);border-radius:0;
  text-decoration:none;transition:background .25s,color .25s;
}
.seivee-account a.button.seivee-pedido-acao:hover{background:var(--vinho);color:var(--offwhite);}
.seivee-pedido-acao:last-child{margin-right:0;}

/* Paginação */
.seivee-pedidos-pagina{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;margin-top:24px;
}
.seivee-account a.button.seivee-pedidos-pagina-link{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.22em;text-transform:uppercase;
  color:var(--vinho);text-decoration:none;
  padding:10px 18px;
  border:1px solid rgba(96,49,56,0.35);
  background:transparent;
  transition:background .25s,color .25s;
}
.seivee-account a.button.seivee-pedidos-pagina-link:hover{background:var(--vinho);color:var(--offwhite);}

/* Estado vazio (sem pedidos ainda) */
.seivee-pedidos-vazio{
  max-width:480px;margin:0 auto;padding:48px 24px;text-align:center;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
}
.seivee-pedidos-vazio-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.02em;margin-bottom:10px;
}
.seivee-pedidos-vazio-sub{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);color:var(--muted);
  line-height:1.65;margin-bottom:28px;
}
.seivee-account a.button.seivee-pedidos-vazio-cta{
  display:inline-block;
  padding:15px 28px;
  font-family:var(--f-corpo);font-weight:400;
  font-size:10.5px;letter-spacing:0.3em;text-transform:uppercase;
  background:var(--vinho);color:var(--offwhite);
  border:1px solid var(--vinho);border-radius:0;
  text-decoration:none;transition:background .25s,border-color .25s;
}
.seivee-account a.button.seivee-pedidos-vazio-cta:hover{background:var(--rosado);border-color:var(--rosado);}

/* ───────── View Order (página individual de um pedido) ───────── */
.seivee-view-order-cabecalho{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);color:var(--text);
  line-height:1.85;margin-bottom:32px;padding-bottom:24px;
  border-bottom:1px solid rgba(196,155,162,0.18);
}
.seivee-view-order-numero,
.seivee-view-order-data{
  background:transparent;color:var(--vinho);
  font-family:var(--f-titulo);font-weight:400;
  padding:0 2px;
}
.seivee-view-order-status{
  background:transparent;padding:0;
  margin-left:2px;
}
.seivee-view-order-notas{margin-bottom:36px;}
.seivee-view-order-notas-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;margin-bottom:20px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(196,155,162,0.18);
}
.seivee-view-order-lista{list-style:none;margin:0;padding:0;}
.seivee-view-order-nota{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  border-left:3px solid var(--rosado);
  padding:18px 22px;margin-bottom:12px;
}
.seivee-view-order-nota:last-child{margin-bottom:0;}
.seivee-view-order-nota-data{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.18em;text-transform:uppercase;
  color:var(--rosado);margin-bottom:8px;
}
.seivee-view-order-nota-texto{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--text);
  line-height:1.7;
}

/* Estilo das tabelas internas geradas pelo woocommerce_view_order
   (tabela de itens, totais, customer details). Reutiliza padrão da tabela
   de pedidos para coerência visual. */
.seivee-view-order-detalhes table.shop_table{
  width:100%;border-collapse:collapse;border-spacing:0;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  margin-bottom:24px;
}
.seivee-view-order-detalhes table.shop_table th,
.seivee-view-order-detalhes table.shop_table td{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--text);
  padding:16px 20px;text-align:left;vertical-align:top;
  border-bottom:1px solid rgba(196,155,162,0.1);
}
.seivee-view-order-detalhes table.shop_table thead th,
.seivee-view-order-detalhes table.shop_table tfoot th{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.22em;text-transform:uppercase;
  color:var(--muted);background:rgba(196,155,162,0.04);
}
.seivee-view-order-detalhes h2{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;margin:32px 0 18px;
}

/* Polimento 1 — Cards de endereço (view-order) com mais respiro.
   Reset do float/width das colunas WC + padding generoso + line-height confortável. */
.seivee-view-order-detalhes .woocommerce-customer-details{
  margin-bottom:32px;
}
/* Grid com áreas nomeadas — ancora billing/shipping pela classe semântica,
   imune a ordem do DOM ou float residual. */
.seivee-view-order-detalhes .woocommerce-customer-details .col2-set,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:"billing shipping";
  gap:16px;
}
.seivee-view-order-detalhes .woocommerce-column--billing-address{grid-area:billing;}
.seivee-view-order-detalhes .woocommerce-column--shipping-address{grid-area:shipping;}

/* min-width:0 defensivo nos itens da grid: previne expansão da coluna quando
   o conteúdo (email/URL longa) tem min-content maior que a coluna. Sem isso,
   a grid 1fr 1fr expande pra acomodar e arrasta o shell parent (.seivee-account-shell)
   no mobile, causando overflow horizontal — bug do nav inchado no view-order. */
.seivee-view-order-detalhes .woocommerce-customer-details .col2-set > *,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses > *{
  min-width:0;
}

/* overflow-wrap quebra emails/strings longas dentro dos endereços (ex.: email do
   cliente sem espaço quebrável) — complementa o min-width:0 acima e cobre tambem
   o caso de coluna 1fr no mobile com email maior que a viewport. */
.seivee-view-order-detalhes .woocommerce-customer-details address,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-customer-details--email{
  overflow-wrap:break-word;
  word-break:break-word;
}

/* Mobile (<=599px): empilha cobrança/entrega em 1 coluna. Mesmo padrão do
   .seivee-enderecos-grid--unico (linha ~654) usado no edit-address. */
@media (max-width:599px){
  .seivee-view-order-detalhes .woocommerce-customer-details .col2-set,
  .seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:1fr;
    grid-template-areas:"billing" "shipping";
  }
}

/* Reset cinto-e-suspensórios do float:left/right + width:48% + clear:both
   nativos do woocommerce-layout.css (.col2-set .col-1/.col-2 com spec 0,3,0).
   Selectors com 4 classes (0,4,0) vencem em qualquer ordem de cascada. */
.seivee-view-order-detalhes .woocommerce-customer-details .col2-set .col-1,
.seivee-view-order-detalhes .woocommerce-customer-details .col2-set .col-2,
.seivee-view-order-detalhes .woocommerce-customer-details .col2-set .woocommerce-column,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses .col-1,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses .col-2,
.seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column,
.seivee-view-order-detalhes .woocommerce-column--billing-address,
.seivee-view-order-detalhes .woocommerce-column--shipping-address{
  float:none;width:auto;clear:none;padding:0;
}
.seivee-view-order-detalhes .woocommerce-column__title{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;margin:0 0 16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(196,155,162,0.18);
}
.seivee-view-order-detalhes .woocommerce-customer-details address{
  font-style:normal;
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  border-radius:0;
  padding:24px 28px;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--text);
  line-height:1.85;
}

/* Polimento 2 — Substitui ::before com icon-font WooCommerce (glifo quebrado, sem
   enqueue da fonte no tema) por SVG do tema via CSS mask-image. Cor herda de
   currentColor da linha de texto (muted). */
.seivee-view-order-detalhes .woocommerce-customer-details--phone::before,
.seivee-view-order-detalhes .woocommerce-customer-details--email::before{
  content:"";
  display:inline-block;
  width:14px;height:14px;
  background:currentColor;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
  margin-right:8px;
  vertical-align:-2px;
  /* sobrescreve a icon-font do WC */
  font-family:inherit;font-weight:inherit;
}
.seivee-view-order-detalhes .woocommerce-customer-details--phone::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z' stroke='black' stroke-width='1.5' stroke-linejoin='round'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2z' stroke='black' stroke-width='1.5' stroke-linejoin='round'/></svg>");
}
.seivee-view-order-detalhes .woocommerce-customer-details--email::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><rect x='3' y='6' width='18' height='12' rx='1.5' stroke='black' stroke-width='1.5'/><path d='M3 8.5l9 5.5 9-5.5' stroke='black' stroke-width='1.5'/></svg>");
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><rect x='3' y='6' width='18' height='12' rx='1.5' stroke='black' stroke-width='1.5'/><path d='M3 8.5l9 5.5 9-5.5' stroke='black' stroke-width='1.5'/></svg>");
}
.seivee-view-order-detalhes .woocommerce-customer-details--phone,
.seivee-view-order-detalhes .woocommerce-customer-details--email{
  padding-left:0;
  margin-top:10px;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--muted);
  letter-spacing:0.04em;
}

/* Responsivo da tabela de pedidos: vira lista de cards no mobile */
@media(max-width:599px){
  .seivee-pedidos-tabela,
  .seivee-pedidos-tabela thead,
  .seivee-pedidos-tabela tbody,
  .seivee-pedidos-tabela tr,
  .seivee-pedidos-tabela td,
  .seivee-pedidos-tabela th{display:block;}
  .seivee-pedidos-tabela thead{position:absolute;left:-9999px;}
  .seivee-pedidos-tabela tbody tr{
    margin-bottom:16px;padding:18px 20px;
    border:1px solid rgba(196,155,162,0.15);
    background:var(--offwhite);
  }
  .seivee-pedidos-tabela tbody tr:last-child{margin-bottom:0;}
  .seivee-pedidos-tabela tbody td,
  .seivee-pedidos-tabela tbody th{
    padding:8px 0;border:none;
    display:flex;justify-content:space-between;align-items:center;gap:12px;
  }
  .seivee-pedidos-tabela tbody td::before,
  .seivee-pedidos-tabela tbody th::before{
    content:attr(data-title);
    font-family:var(--f-corpo);font-weight:400;
    font-size:var(--fs-eyebrow);letter-spacing:0.22em;text-transform:uppercase;
    color:var(--muted);flex-shrink:0;
  }
  .seivee-pedidos-tabela tbody td.woocommerce-orders-table__cell-order-actions{
    flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;
    border-top:1px solid rgba(196,155,162,0.12);margin-top:8px;
  }
  .seivee-pedidos-tabela tbody td.woocommerce-orders-table__cell-order-actions::before{display:none;}
  .seivee-pedido-acao{width:auto;}
  .seivee-pedidos-pagina{flex-direction:column;}
  .seivee-pedidos-pagina-link{width:100%;text-align:center;}
}

/* ───────── Endereços (my-address — aba "Endereços") ───────── */
.seivee-enderecos-intro{
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo);color:var(--text);
  line-height:1.75;margin-bottom:32px;
  max-width:560px;
}
/* Grid com áreas nomeadas — mesma técnica do view-order pra ancorar
   billing/shipping pela classe semântica, imune a float residual. */
.seivee-enderecos-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:"billing shipping";
  gap:16px;
}
.seivee-enderecos-grid--unico{
  grid-template-columns:1fr;
  grid-template-areas:"billing";
  max-width:520px;
}
.seivee-enderecos .woocommerce-Address--billing{grid-area:billing;}
.seivee-enderecos .woocommerce-Address--shipping{grid-area:shipping;}

/* Reset cinto-e-suspensórios do float:left/right + width:48% nativos
   do woocommerce-layout.css (.col2-set .col-1/.col-2 spec 0,3,0).
   Selectors com 4 classes (0,4,0) vencem em qualquer ordem de cascada. */
.seivee-enderecos .u-columns .col-1,
.seivee-enderecos .u-columns .col-2,
.seivee-enderecos .u-columns .woocommerce-Address,
.seivee-enderecos .col2-set .col-1,
.seivee-enderecos .col2-set .col-2,
.seivee-enderecos .col2-set .woocommerce-Address,
.seivee-enderecos .woocommerce-Address--billing,
.seivee-enderecos .woocommerce-Address--shipping{
  float:none;width:auto;clear:none;padding:0;
}

/* Card do endereço */
.seivee-endereco-card{
  background:var(--offwhite);
  border:1px solid rgba(196,155,162,0.15);
  padding:24px 28px;
}
.seivee-endereco-cabecalho{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0 0 16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(196,155,162,0.18);
}
.seivee-endereco-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-h-sm);color:var(--vinho);
  letter-spacing:0.03em;margin:0;
}
.seivee-endereco-editar{
  font-family:var(--f-corpo);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:0.22em;text-transform:uppercase;
  color:var(--rosado);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
  white-space:nowrap;
}
.seivee-endereco-editar:hover{color:var(--vinho);border-bottom-color:var(--rosado);}
.seivee-endereco-conteudo{
  font-style:normal;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);color:var(--text);
  line-height:1.85;
}

/* form-edit-address — usa o reset .seivee-account form .form-row* do Bloco 1
   pra inputs/labels/botões. Aqui só o wrapper, título e área de ações. */
.seivee-form-endereco{max-width:640px;}
.seivee-form-endereco-titulo{
  font-family:var(--f-titulo);font-weight:400;
  font-size:var(--fs-titulo-sm);color:var(--vinho);
  letter-spacing:0.02em;margin:0 0 28px;padding-bottom:16px;
  border-bottom:1px solid rgba(196,155,162,0.18);
}
.seivee-form-endereco-acoes{margin-top:28px;}

/* ───────── Mensagens flash WC (.message / .error / .info) ───────── */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-NoticeGroup{
  max-width:1100px;margin:0 auto var(--sp-card-sm);
  padding:14px 18px;
  font-family:var(--f-corpo);font-weight:300;
  font-size:var(--fs-corpo-sm);line-height:1.5;
  border:1px solid rgba(196,155,162,0.25);
  border-radius:0;list-style:none;
}
.woocommerce-account .woocommerce-message{
  background:rgba(196,155,162,0.06);color:var(--vinho);
  border-left:3px solid var(--vinho);
}
.woocommerce-account .woocommerce-error{
  background:#fdf4f5;color:var(--vinho);
  border-left:3px solid var(--vinho);
}
.woocommerce-account .woocommerce-error li{margin-left:18px;}
.woocommerce-account .woocommerce-info{
  background:rgba(196,155,162,0.06);color:var(--text);
  border-left:3px solid var(--rosado);
}
/* Esconde o ::before com icon-font WooCommerce que renderiza glifo quebrado
   no tema (não há enqueue da icon-font). Status segue comunicado pelo
   border-left de cor (vinho/rosado). */
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-info::before{
  display:none;
}

/* ───────── Tablet ≤1023px ───────── */
@media(max-width:1023px){
  .woocommerce-account .woocommerce{padding:var(--sp-secao-md) 0;}
  .seivee-account{padding:0 var(--sp-card-sm);}
  .seivee-account-shell{grid-template-columns:1fr;gap:24px;}
  .seivee-account-nav{padding:14px 0;}
  .seivee-account-nav a{padding:12px 24px;}
  .seivee-login--com-cadastro .seivee-login-grid{grid-template-columns:1fr;max-width:520px;gap:24px;}
}

/* ───────── Mobile ≤599px ───────── */
@media(max-width:599px){
  .woocommerce-account .woocommerce{padding:var(--sp-card-lg) 0;}
  /* Customer-details: colapsa o grid 2 col em 1 col com áreas empilhadas
     (cobrança em cima, entrega embaixo). Sem esse override, billing/shipping
     ficavam ancorados lado a lado em 293px cada e estouravam o viewport. */
  .seivee-view-order-detalhes .woocommerce-customer-details .col2-set,
  .seivee-view-order-detalhes .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:1fr;
    grid-template-areas:"billing" "shipping";
  }
  /* Endereços (aba): mesmo colapso, empilha billing em cima e shipping embaixo */
  .seivee-enderecos-grid{
    grid-template-columns:1fr;
    grid-template-areas:"billing" "shipping";
  }
  .seivee-endereco-cabecalho{flex-direction:column;align-items:flex-start;gap:8px;}
  .seivee-account{padding:0 20px;}
  .seivee-account-titulo{font-size:clamp(24px,7vw,32px);}
  .seivee-login-col{padding:32px 24px;}
  .seivee-form-titulo{font-size:var(--fs-corpo);margin-bottom:22px;padding-bottom:14px;}
  .seivee-account input.input-text,
  .seivee-account input,
  .seivee-account textarea,
  .seivee-account select{font-size:var(--fs-lead);}
  .seivee-form-row-acoes{flex-direction:column;align-items:stretch;}
  .seivee-form-row-acoes .button,
  .seivee-form-row-acoes button[type="submit"]{width:100%;}
}
