/* Minha conta e telas internas.
   Mesma paleta e tipografia das paginas de serie, produto, busca, carrinho,
   checkout e conclusao.

   Historia curta, porque explica a forma deste arquivo:

   A pagina usava o widget de Minha Conta do Elementor, que desenhava abas
   horizontais E deixava escondida a barra lateral do Astra (avatar, nome,
   icones) - duas navegacoes na mesma pagina, ambas usando
   nav.woocommerce-MyAccount-navigation. Qualquer regra escrita para uma
   acertava a outra. Alem disso havia 13,4 KB de CSS a mao dentro do widget,
   com 71 !important, que vencia tudo.

   Em 04/09/2026 o widget deu lugar ao shortcode [woocommerce_my_account]: quem
   monta agora e o leiaute "moderno" do Astra (modern-woo-account-view), com as
   classes padrao do WooCommerce. O CSS a mao foi portado para ca; o original
   esta em backups/mceig-conta/widget-custom-css.css.

   Por isso aqui nao ha prefixo de widget nem !important: nao ha mais com quem
   brigar. Se um dia voltarem as abas do Elementor, isto aqui volta a perder. */

.mcn__topo,
body.woocommerce-account{
  --azul:#0067FF; --azul-forte:#0047B3; --azul-claro:#EBF2FF;
  --tinta:#0F172A; --tinta-2:#364151; --cinza:#5B6577;
  --linha:#E4EAF1; --linha-2:#EFF3F8; --fundo:#F6F8FB; --azul-noite:#0F1D33;
  --verde:#00A350; --vermelho:#D92D20;
  --disp:Poppins,-apple-system,"Segoe UI",sans-serif;
  --texto:"DM Sans",-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad:56px; --lado:250px;
}

/* ══ a faixa de titulo ══
   A pagina nao tinha cabecalho nenhum - nem <h1>, nem contexto de onde o
   cliente esta. O texto muda por tela; quem monta e o mceig-conta.php. */
.mcn__topo{background:var(--azul-noite);color:#fff;
  padding:52px var(--pad) 48px;font-family:var(--texto)}
.mcn__int{max-width:1500px;margin:0 auto}
.mcn__topo p.mcn__rot{margin:0 0 13px;font-family:var(--mono);font-size:11px;
  letter-spacing:.17em;text-transform:uppercase;color:#6F86A5}
.mcn__topo h1.mcn__tit{margin:0;font-family:var(--disp);
  font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.14;
  letter-spacing:-.015em;color:#fff;text-wrap:balance}
.mcn__topo p.mcn__sub{margin:12px 0 0;font-size:16px;color:#B7C6DA;
  line-height:1.6;max-width:62ch}

/* ══ a area da conta ══ */
body.woocommerce-account .woocommerce{font-family:var(--texto);
  color:var(--tinta-2);max-width:1500px;margin:0 auto;
  padding:40px var(--pad) 72px;border:0;background:transparent}
body.woocommerce-account .woocommerce a{text-decoration:none}

/* As duas colunas. O :has() so casa quando ha barra lateral - ou seja, com o
   cliente logado; na tela de entrar o bloco continua simples. */
body.woocommerce-account .woocommerce:has(> nav.woocommerce-MyAccount-navigation){
  display:grid;grid-template-columns:var(--lado) minmax(0,1fr);
  gap:20px;align-items:start}
/* As posicoes sao ditas, e nao deixadas por ordem: o primeiro filho de
   .woocommerce e a caixa de avisos, que tomava a coluna estreita e jogava a
   barra lateral para a larga - conteudo e navegacao trocados de lugar. */
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{
  grid-column:1 / -1}
body.woocommerce-account .woocommerce > nav.woocommerce-MyAccount-navigation{
  grid-column:1;grid-row:2}
body.woocommerce-account .woocommerce > .woocommerce-MyAccount-content{
  grid-column:2;grid-row:2}

/* ══ a barra lateral ══ */
body.woocommerce-account nav.woocommerce-MyAccount-navigation{
  background:#fff;border:1px solid var(--linha);border-radius:12px;
  padding:16px 12px;float:none;width:auto;box-shadow:none;
  position:sticky;top:20px}

/* quem esta logado - numa loja onde a mesma empresa tem mais de um comprador,
   isso responde uma pergunta real */
body.woocommerce-account .ast-wooaccount-user-wrapper{display:flex;
  align-items:center;gap:11px;padding:4px 8px 15px;margin:0 0 12px;
  border-bottom:1px solid var(--linha-2)}
body.woocommerce-account .ast-wooaccount-user-wrapper img{width:40px;height:40px;
  border-radius:50%;flex:0 0 40px;object-fit:cover;background:var(--fundo)}
body.woocommerce-account .ast-username{font-family:var(--texto);font-size:12.5px;
  color:var(--cinza);line-height:1.3;min-width:0}
body.woocommerce-account .ast-username strong{display:block;font-family:var(--disp);
  font-size:14.5px;font-weight:600;color:var(--tinta);line-height:1.3;
  margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

body.woocommerce-account nav.woocommerce-MyAccount-navigation ul{list-style:none;
  margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
/* O !important e o unico do arquivo, e tem motivo: o tema risca border-top no
   proprio <li> (1px rgb(7,6,20), a mesma cor da moldura que aparecia em volta
   de .woocommerce) por uma regra de peso maior que qualquer seletor razoavel
   daqui. Com os itens ja separados por espaco e o ativo em fundo azul-claro,
   a linha so suja. */
body.woocommerce-account nav.woocommerce-MyAccount-navigation li{margin:0;
  padding:0;border:0!important;background:none;list-style:none;box-shadow:none}
body.woocommerce-account nav.woocommerce-MyAccount-navigation li::before,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li::after{content:none}
/* O Astra risca uma linha embaixo de cada item e marca o ativo com uma barra
   azul na borda direita. Com o item ativo ja em fundo azul-claro, as duas
   viram ruido - e a barra ficava do lado errado da leitura. */
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a{display:flex;
  align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:8px;
  font-family:var(--texto);font-size:14.5px;font-weight:600;color:var(--tinta-2);
  line-height:1.3;transition:background .15s,color .15s}
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a::before,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a::after{
  content:none}
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a:hover{
  background:var(--linha-2);color:var(--tinta)}
body.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a{
  background:var(--azul-claro);color:var(--azul-forte)}

/* os icones do Astra vem como SVG que herda a cor do texto */
body.woocommerce-account .ahfb-svg-iconset{display:inline-flex;flex:0 0 17px}
body.woocommerce-account .ahfb-svg-iconset svg{width:17px;height:17px;
  fill:currentColor;opacity:.7}
body.woocommerce-account li.is-active .ahfb-svg-iconset svg{opacity:1}
body.woocommerce-account .ast-woo-nav-link-name{min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}

/* sair nao e uma tela como as outras: fica separado e mais quieto */
body.woocommerce-account li.woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:7px;padding-top:8px;
  border-top:1px solid var(--linha-2)!important}
body.woocommerce-account li.woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--cinza);font-weight:500}
body.woocommerce-account li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:var(--vermelho);background:#FEF3F2}

/* ══ o conteudo ══ */
body.woocommerce-account .woocommerce-MyAccount-content{border:0;
  background:transparent;padding:0;box-shadow:none;width:auto;float:none}
body.woocommerce-account .woocommerce-MyAccount-content-wrapper{background:#fff;
  border:1px solid var(--linha);border-radius:12px;padding:24px 26px;
  color:var(--tinta-2);font-size:14.5px;line-height:1.6}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{font-family:var(--disp);
  font-size:17px;font-weight:600;color:var(--tinta);margin:0 0 14px;
  letter-spacing:-.01em;text-align:left}
body.woocommerce-account .woocommerce-MyAccount-content p + h2,
body.woocommerce-account .woocommerce-MyAccount-content table + h2{margin-top:28px}
body.woocommerce-account .woocommerce-MyAccount-content p{margin:0 0 12px}
body.woocommerce-account .woocommerce-MyAccount-content p:last-child{margin-bottom:0}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){
  color:var(--azul);font-weight:600}

/* ══ tabelas: pedidos, downloads, detalhes ══ */
body.woocommerce-account .woocommerce-MyAccount-content table{width:100%;border:0;
  border-collapse:collapse;margin:0 0 8px;font-size:14px;background:transparent}
body.woocommerce-account .woocommerce-MyAccount-content table th{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cinza);font-weight:400;text-align:left;
  padding:0 14px 10px 0;border:0;border-bottom:1px solid var(--linha);
  background:transparent}
body.woocommerce-account .woocommerce-MyAccount-content table td{
  padding:13px 14px 13px 0;border:0;border-bottom:1px solid var(--linha-2);
  background:transparent;vertical-align:middle;color:var(--tinta-2)}
body.woocommerce-account .woocommerce-MyAccount-content table tr:last-child td{
  border-bottom:0}
/* nas tabelas de duas colunas (detalhes do pedido, endereco) o th e rotulo */
body.woocommerce-account .woocommerce-MyAccount-content table tbody th{
  font-family:var(--texto);font-size:13px;font-weight:600;color:var(--cinza);
  text-transform:none;letter-spacing:0;padding:13px 16px 13px 0;
  border-bottom:1px solid var(--linha-2);white-space:nowrap;vertical-align:top}
body.woocommerce-account .woocommerce-MyAccount-content table .amount{
  font-family:var(--disp);font-weight:600;color:var(--tinta);
  font-variant-numeric:tabular-nums}
/* o "via <metodo>" da linha de entrega saia do tamanho do valor */
body.woocommerce-account .woocommerce-MyAccount-content table small{display:block;
  font-size:12px;color:var(--cinza);font-weight:400;margin-top:3px;line-height:1.45}
body.woocommerce-account .woocommerce-MyAccount-content
  td.woocommerce-orders-table__cell-order-number a{font-family:var(--mono);
  font-size:13px;color:var(--azul);font-weight:400}

/* acoes do pedido: pagar e a que precisa ser achada */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a,
body.woocommerce-account .ast-orders-table__cell-order-actions a{display:inline-block;
  margin:0 6px 4px 0;padding:8px 14px;border-radius:7px;border:1px solid var(--linha);
  background:#fff;color:var(--tinta-2);font-family:var(--texto);font-size:12.5px;
  font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.pay,
body.woocommerce-account .ast-orders-table__cell-order-actions a.pay{
  background:var(--azul);border-color:var(--azul);color:#fff}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.pay:hover,
body.woocommerce-account .ast-orders-table__cell-order-actions a.pay:hover{
  background:var(--azul-forte);border-color:var(--azul-forte)}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.view:hover,
body.woocommerce-account .ast-orders-table__cell-order-actions a.view:hover{
  border-color:var(--azul);color:var(--azul)}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.cancel,
body.woocommerce-account .ast-orders-table__cell-order-actions a.cancel{color:var(--cinza)}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions a.cancel:hover,
body.woocommerce-account .ast-orders-table__cell-order-actions a.cancel:hover{
  border-color:#F5C9C4;background:#FEF3F2;color:#7A2018}

/* "Atualizacoes do pedido" */
body.woocommerce-account .woocommerce-MyAccount-content ol.commentlist{list-style:none;
  margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
body.woocommerce-account .woocommerce-MyAccount-content ol.commentlist li{
  background:var(--fundo);border:1px solid var(--linha);border-radius:9px;
  padding:12px 14px;margin:0;font-size:13.5px;line-height:1.55}

/* ══ enderecos ══ */
body.woocommerce-account .woocommerce-Addresses .u-columns{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:0}
body.woocommerce-account .woocommerce-Addresses .u-column1,
body.woocommerce-account .woocommerce-Addresses .u-column2{width:auto;float:none;
  margin:0;padding:0}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address{background:#fff;
  border:1px solid var(--linha);border-radius:12px;padding:20px 22px;height:100%;
  transition:border-color .15s,box-shadow .15s}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address:hover{
  border-color:#B9C4D4;box-shadow:0 6px 18px rgba(15,23,42,.06)}
body.woocommerce-account .woocommerce-Address-title{border:none;
  background:transparent;padding:0;margin:0 0 12px;display:flex;
  align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Addresses h2{font-family:var(--disp);
  font-size:16px;font-weight:600;color:var(--tinta);margin:0;letter-spacing:-.01em}
body.woocommerce-account .woocommerce-Addresses address{font-style:normal;
  font-size:14px;line-height:1.7;color:var(--tinta-2);margin:0;border:0;padding:0}
/* editar era a unica acao do bloco e parecia nota de rodape */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .edit{
  display:inline-block;padding:7px 14px;border:1px solid var(--linha);
  border-radius:7px;background:#fff;color:var(--azul);font-family:var(--texto);
  font-size:13px;font-weight:700;line-height:1.2;
  transition:background .15s,border-color .15s}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .edit:hover{
  background:var(--azul-claro);border-color:var(--azul);color:var(--azul-forte)}

/* ══ cotacoes ══ */
body.woocommerce-account .my_account_quotes{width:100%;border:0;
  border-collapse:collapse;margin:0;font-size:14px}
body.woocommerce-account .my_account_quotes thead{background:transparent}
body.woocommerce-account .my_account_quotes th{font-family:var(--mono);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza);
  font-weight:400;text-align:left;padding:0 14px 10px 0;border:0;
  border-bottom:1px solid var(--linha);background:transparent}
body.woocommerce-account .my_account_quotes td{padding:13px 14px 13px 0;border:0;
  border-bottom:1px solid var(--linha-2);background:transparent;
  vertical-align:middle;color:var(--tinta-2)}
/* as linhas alternadas em cinza pesavam; a linha fina ja separa */
body.woocommerce-account .my_account_quotes tbody tr:nth-child(even){background:transparent}
body.woocommerce-account .my_account_quotes td a{color:var(--azul);font-weight:600}
body.woocommerce-account .my_account_quotes .button.view{display:inline-block;
  padding:8px 14px;border:1px solid var(--linha);border-radius:7px;background:#fff;
  color:var(--azul);font-family:var(--texto);font-size:12.5px;font-weight:700;
  line-height:1.2}
body.woocommerce-account .my_account_quotes .button.view:hover{
  background:var(--azul-claro);border-color:var(--azul);color:var(--azul-forte)}

body.woocommerce-account .af-request-a-quote.pagination{display:flex;
  justify-content:center;flex-wrap:wrap;gap:6px;margin-top:22px}
body.woocommerce-account .af-request-a-quote .page-numbers{display:flex;
  align-items:center;justify-content:center;min-width:38px;height:38px;
  padding:0 12px;border:1px solid var(--linha);border-radius:7px;background:#fff;
  font-family:var(--texto);font-size:14px;font-weight:600;color:var(--tinta-2);
  transition:border-color .15s,color .15s}
body.woocommerce-account .af-request-a-quote .page-numbers:hover{
  border-color:var(--azul);color:var(--azul)}
body.woocommerce-account .af-request-a-quote .page-numbers.current{
  background:var(--azul);border-color:var(--azul);color:#fff}

body.woocommerce-account .addify-quote-details h2{font-family:var(--disp);
  font-size:17px;font-weight:600;color:var(--tinta);margin:0 0 14px;
  letter-spacing:-.01em}
body.woocommerce-account .addify-quote-details td.product-name a{color:var(--tinta);
  font-weight:600;font-size:13.5px;line-height:1.45}
body.woocommerce-account .addify-quote-details td.product-name a:hover{color:var(--azul)}
/* o codigo do modelo e o que o cliente confere primeiro */
body.woocommerce-account .addify-quote-details .wc-order-item-sku{display:block;
  font-family:var(--mono);font-size:11.5px;color:var(--azul);font-weight:400;
  margin-top:4px}

/* ══ formularios: entrar, criar conta, endereco, dados ══ */
/* Filho DIRETO de .woocommerce: e assim que se distingue o par entrar/criar
   conta dos enderecos do pedido, que usam a mesma classe col2-set mas moram
   dentro de <section class="woocommerce-customer-details">. Sem o ">", o
   max-width:440px e o margin:0 auto desta regra empilhavam as duas caixas de
   endereco no meio da tela. */
body.woocommerce-account .woocommerce > .u-columns.col2-set{display:block;
  max-width:440px;margin:0 auto}
body.woocommerce-account .woocommerce > .col2-set .u-column1,
body.woocommerce-account .woocommerce > .col2-set .u-column2{width:auto;
  float:none;margin:0;border:0;padding:0;background:none}
body.woocommerce-account .woocommerce > .col2-set > .u-column1 > h2,
body.woocommerce-account .woocommerce > .col2-set > .u-column2 > h2{font-family:var(--disp);
  font-size:21px;font-weight:700;color:var(--tinta);letter-spacing:-.01em;
  margin:0 0 20px;text-align:left;line-height:1.2}
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register{background:#fff;
  border:1px solid var(--linha);border-radius:12px;padding:24px;margin:0;
  box-shadow:none}

body.woocommerce-account .woocommerce-address-fields__field-wrapper,
body.woocommerce-account form.edit-account{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
body.woocommerce-account .form-row{display:flex;flex-direction:column;gap:5px;
  margin:0 0 15px;padding:0;width:auto;float:none}
body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row,
body.woocommerce-account form.edit-account .form-row{margin:0;grid-column:span 2}
body.woocommerce-account .form-row-first,
body.woocommerce-account .form-row-last{grid-column:span 1}
body.woocommerce-account .form-row label:not(.woocommerce-form__label-for-checkbox){
  font-family:var(--texto);font-size:12px;font-weight:600;color:var(--cinza);
  margin:0;line-height:1.3;text-transform:none}
body.woocommerce-account .required{color:var(--vermelho);text-decoration:none;border:0}
/* box-sizing: sem ele o recheio de 12px somava a largura e o campo passava
   14px da celula, comendo o vao entre as duas colunas */
body.woocommerce-account input.input-text,
body.woocommerce-account .form-row input[type="text"],
body.woocommerce-account .form-row input[type="email"],
body.woocommerce-account .form-row input[type="password"],
body.woocommerce-account .form-row select{box-sizing:border-box;
  width:100%;height:44px;min-height:0;
  padding:0 12px;margin:0;border:1px solid var(--linha);border-radius:8px;
  background:#fff;box-shadow:none;font-family:var(--texto);font-size:14.5px;
  color:var(--tinta)}
body.woocommerce-account input:focus,
body.woocommerce-account select:focus{border-color:var(--azul);outline:0;
  box-shadow:0 0 0 3px rgba(0,103,255,.16)}
body.woocommerce-account fieldset{border:1px solid var(--linha);border-radius:10px;
  padding:18px;margin:22px 0 0;grid-column:span 2}
body.woocommerce-account legend{font-family:var(--disp);font-size:15px;
  font-weight:600;color:var(--tinta);padding:0 8px}

/* o olho de mostrar a senha herdava estilo de botao e virava um bloco azul */
body.woocommerce-account .password-input{position:relative;display:block}
body.woocommerce-account button.show-password-input{position:absolute;right:6px;
  top:7px;width:30px;height:30px;min-width:0;margin:0;padding:0;border:0;
  border-radius:6px;background:transparent no-repeat center/17px 17px
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%235B6577' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  box-shadow:none;cursor:pointer;text-indent:-9999px;overflow:hidden}
body.woocommerce-account button.show-password-input:hover{background-color:var(--linha-2)}

body.woocommerce-account label.woocommerce-form__label-for-checkbox{display:flex;
  align-items:center;gap:8px;font-family:var(--texto);font-size:13.5px;
  font-weight:500;color:var(--tinta-2);margin:0;cursor:pointer}
body.woocommerce-account label.woocommerce-form__label-for-checkbox input{width:16px;
  height:16px;margin:0;accent-color:var(--azul)}
body.woocommerce-account label.woocommerce-form__label-for-checkbox span{margin:0}

/* ══ botoes ══ */
body.woocommerce-account .woocommerce-form button[type="submit"]{display:block;
  width:100%;height:48px;margin:4px 0 0;padding:0;border:1px solid var(--azul);
  border-radius:8px;background:var(--azul);color:#fff;font-family:var(--texto);
  font-size:15.5px;font-weight:700;text-transform:none;letter-spacing:0;
  line-height:46px;box-shadow:none;cursor:pointer;transition:background .15s}
body.woocommerce-account button[name="save_address"],
body.woocommerce-account button[name="save_account_details"],
body.woocommerce-account .button[name="save_address"],
body.woocommerce-account .button[name="save_account_details"]{display:inline-block;
  width:auto;height:auto;padding:13px 26px;border:1px solid var(--azul);
  border-radius:8px;background:var(--azul);color:#fff;font-family:var(--texto);
  font-size:14.5px;font-weight:700;text-transform:none;letter-spacing:0;
  line-height:1.2;box-shadow:none;cursor:pointer;transition:background .15s}
body.woocommerce-account .woocommerce-form button[type="submit"]:hover,
body.woocommerce-account button[name="save_address"]:hover,
body.woocommerce-account button[name="save_account_details"]:hover,
body.woocommerce-account .button[name="save_address"]:hover,
body.woocommerce-account .button[name="save_account_details"]:hover{
  background:var(--azul-forte);border-color:var(--azul-forte);color:#fff}
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content button.button{
  display:inline-block;width:auto;height:auto;padding:10px 18px;
  border:1px solid var(--linha);border-radius:8px;background:#fff;color:var(--azul);
  font-family:var(--texto);font-size:13.5px;font-weight:700;text-transform:none;
  letter-spacing:0;line-height:1.2;box-shadow:none}

/* os links abaixo do botao de entrar */
body.woocommerce-account .woocommerce-LostPassword,
body.woocommerce-account p.ast-woo-form-actions{margin:16px 0 0;text-align:center;
  font-size:13.5px;color:var(--cinza)}
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account p.ast-woo-form-actions a{color:var(--azul);font-weight:600}
body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account p.ast-woo-form-actions a:hover{text-decoration:underline}
body.woocommerce-account .woocommerce-privacy-policy-text{font-size:12.5px;
  color:var(--cinza);line-height:1.5;margin:0 0 14px}

/* ══ avisos ══ */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info{background:var(--azul-claro);
  border:1px solid #C7DBFF;border-radius:10px;padding:13px 16px;
  color:var(--tinta-2);font-size:14px;line-height:1.55;margin:0 0 18px}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before{display:none}
body.woocommerce-account ul.woocommerce-error{background:#FEF3F2;
  border:1px solid #F5C9C4;border-radius:10px;padding:13px 16px 13px 32px;
  color:#7A2018;font-size:14px;margin:0 0 18px}
body.woocommerce-account ul.woocommerce-error::before{display:none}

/* ══ telas menores ══
   Abaixo de 900px a lateral vira uma faixa que rola na horizontal: sete itens
   empilhados tomariam a tela inteira antes do conteudo. */
@media (max-width:900px){
  body.woocommerce-account{--pad:20px}
  body.woocommerce-account .woocommerce:has(> nav.woocommerce-MyAccount-navigation){
    display:block}
  body.woocommerce-account .woocommerce > nav.woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce > .woocommerce-MyAccount-content{
    grid-column:auto;grid-row:auto}
  body.woocommerce-account nav.woocommerce-MyAccount-navigation{position:static;
    margin:0 0 16px;padding:12px}
  body.woocommerce-account .ast-wooaccount-user-wrapper{padding:2px 4px 12px}
  body.woocommerce-account nav.woocommerce-MyAccount-navigation ul{
    flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none}
  body.woocommerce-account nav.woocommerce-MyAccount-navigation ul::-webkit-scrollbar{
    display:none}
  body.woocommerce-account nav.woocommerce-MyAccount-navigation li a{
    white-space:nowrap;padding:9px 13px;background:var(--fundo)}
  body.woocommerce-account li.woocommerce-MyAccount-navigation-link--customer-logout{
    margin:0;padding:0 0 0 6px;border-top:0!important;
    border-left:1px solid var(--linha-2)!important}
}
@media (max-width:640px){
  body.woocommerce-account section.woocommerce-columns--addresses{
    grid-template-columns:minmax(0,1fr)}
  body.woocommerce-account section.woocommerce-columns--addresses > .woocommerce-column--1,
  body.woocommerce-account section.woocommerce-columns--addresses > .woocommerce-column--2{
    grid-column:1;grid-row:auto}
  .mcn__topo{--pad:20px;padding:32px var(--pad) 30px}
  body.woocommerce-account .woocommerce{padding:24px var(--pad) 48px}
  body.woocommerce-account .woocommerce-MyAccount-content-wrapper{padding:17px 16px}
  body.woocommerce-account form.woocommerce-form-login,
  body.woocommerce-account form.woocommerce-form-register{padding:18px 16px}
  body.woocommerce-account .woocommerce-address-fields__field-wrapper,
  body.woocommerce-account form.edit-account{grid-template-columns:minmax(0,1fr)}
  body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row,
  body.woocommerce-account form.edit-account .form-row,
  body.woocommerce-account .form-row-first,
  body.woocommerce-account .form-row-last{grid-column:span 1}
}

/* ══ a tela de um pedido (minha-conta/ver-pedidos/<n>) ══
   Era a mais desarrumada da conta: o cabecalho como frase solta, a tabela de
   itens sem colunas visiveis, os totais com o rotulo num canto e o valor no
   outro, o bloco do Pix jogado no meio sem moldura, uma tabela de nove campos
   repetindo o que os enderecos abaixo diziam, e os dois enderecos com barras
   cinzas de titulo.

   A repeticao dos campos foi resolvida no editor de campos (show_in_order),
   nao aqui: nove linhas viraram cinco. */

/* a frase de estado vira faixa */
body.woocommerce-account .woocommerce-MyAccount-content-wrapper > p:first-of-type{
  background:var(--azul-claro);border:1px solid #C7DBFF;border-radius:10px;
  padding:12px 15px;margin:0 0 22px;font-size:14px;line-height:1.55;
  color:var(--tinta-2)}
body.woocommerce-account .woocommerce-MyAccount-content-wrapper > p:first-of-type mark{
  background:none;color:var(--tinta);font-weight:700}

body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-column__title{font-family:var(--disp);
  font-size:15px;font-weight:600;color:var(--tinta);margin:0 0 12px;
  letter-spacing:-.01em;background:none!important;border:0!important;
  padding:0!important;box-shadow:none}

/* ── itens do pedido ── */
body.woocommerce-account table.woocommerce-table--order-details{margin:0}
body.woocommerce-account table.woocommerce-table--order-details td.woocommerce-table__product-name{
  font-size:13px;font-weight:600;line-height:1.5;padding-right:18px}
body.woocommerce-account table.woocommerce-table--order-details td.woocommerce-table__product-name a{
  color:var(--tinta);font-weight:600}
body.woocommerce-account table.woocommerce-table--order-details td.woocommerce-table__product-name a:hover{
  color:var(--azul)}
/* a quantidade estava no meio do nome, no mesmo peso */
body.woocommerce-account table.woocommerce-table--order-details .product-quantity{
  font-family:var(--mono);font-size:11.5px;font-weight:400;color:var(--azul);
  white-space:nowrap}
body.woocommerce-account table.woocommerce-table--order-details td.woocommerce-table__product-total{
  text-align:right;white-space:nowrap;font-family:var(--disp);font-weight:600;
  color:var(--tinta);font-variant-numeric:tabular-nums}
body.woocommerce-account table.woocommerce-table--order-details thead th:last-child{
  text-align:right}

/* "Encomendado: 3" e informacao do item, nao uma linha de tabela */
body.woocommerce-account ul.wc-item-meta{list-style:none;clear:both;margin:6px 0 0;
  font-size:11.5px;color:#8A5A00;background:#FFF6E5;border-radius:99px;
  padding:2px 9px!important;display:table!important;width:auto!important;
  max-width:max-content}
body.woocommerce-account ul.wc-item-meta li{margin:0;padding:0;display:inline}
body.woocommerce-account ul.wc-item-meta p,
body.woocommerce-account ul.wc-item-meta strong{display:inline;margin:0;
  font-size:11.5px;font-weight:600}

/* ── totais ── */
/* Os totais dividem as colunas com a tabela de itens, cuja primeira coluna e
   larguissima (o nome do produto). Por isso o rotulo ficava numa ponta e o
   valor na outra, com meia tela de vao. Alinhar o rotulo a direita encosta um
   no outro sem mexer na largura das colunas. */
body.woocommerce-account table.woocommerce-table--order-details tfoot th{
  font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cinza);font-weight:400;text-align:right;padding:11px 18px 11px 0;
  border-bottom:1px solid var(--linha-2);white-space:nowrap}
body.woocommerce-account table.woocommerce-table--order-details tfoot td{
  text-align:right;font-variant-numeric:tabular-nums;padding:11px 0;
  border-bottom:1px solid var(--linha-2)}
body.woocommerce-account table.woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-account table.woocommerce-table--order-details tfoot tr:last-child td{
  border-bottom:0}
body.woocommerce-account table.woocommerce-table--order-details tfoot tr:nth-last-child(2) td .amount,
body.woocommerce-account table.woocommerce-table--order-details tfoot .order-total .amount{
  font-family:var(--disp);font-size:18px;font-weight:700;color:var(--tinta)}

/* ── o bloco de pagamento da Vindi (Pix, boleto) ── */
body.woocommerce-account .vindi-pagamentos-order-details{background:var(--azul-claro);
  border:1px solid #C7DBFF;border-radius:12px;padding:20px 22px;margin:24px 0 0}
body.woocommerce-account .vindi-pagamentos-order-details h2{font-family:var(--disp);
  font-size:15px;font-weight:600;color:var(--azul-forte);margin:0 0 14px}
body.woocommerce-account .wvp-payment-status-info,
body.woocommerce-account .vindi-payment-confirmation{background:#fff;
  border:1px solid #C7DBFF;border-radius:9px;padding:11px 14px;margin:0 0 14px;
  font-size:13.5px;line-height:1.5;color:var(--tinta-2)}
body.woocommerce-account .vindi-confirmation-content{display:flex;align-items:center;
  gap:10px}
body.woocommerce-account .vindi-confirmation-icon{flex:0 0 auto;display:flex}
body.woocommerce-account .wvp-description{font-size:13.5px;color:var(--tinta-2);
  margin:0 0 14px;line-height:1.5}
/* O rotulo "QR Code - Aponte a camera" e a imagem sao irmaos dentro desta
   caixa. Como linha, ficavam lado a lado - texto na esquerda, QR na direita,
   um por cima do outro. Em coluna, o rotulo fica acima e o QR centralizado. */
body.woocommerce-account .wvp-qrcode-image{display:flex!important;
  flex-direction:column;align-items:center;justify-content:center;gap:10px;
  width:100%;margin:0 0 16px;float:none;text-align:center}
body.woocommerce-account .wvp-qrcode-image strong{margin:0;text-align:center}
body.woocommerce-account .wvp-qrcode-image img{max-width:210px;height:auto;
  background:#fff;border:1px solid var(--linha);border-radius:10px;padding:10px}
body.woocommerce-account .wvp-divisor{height:1px;background:#C7DBFF;border:0;
  margin:0 0 16px}
body.woocommerce-account .wvp-payment-line strong,
body.woocommerce-account .vindi-pagamentos-order-details strong{display:block;
  font-family:var(--texto);font-size:12px;font-weight:600;color:var(--cinza);
  margin:0 0 6px;text-transform:none;letter-spacing:0}
body.woocommerce-account .wvp-payment-line > div{display:flex;gap:8px;
  align-items:stretch}
body.woocommerce-account .vindi-pagamentos-order-details input.copy-input{
  flex:1 1 auto;min-width:0;width:auto;height:42px;padding:0 12px;
  border:1px solid #C7DBFF;border-radius:8px;background:#fff;
  font-family:var(--mono);font-size:12px;color:var(--tinta)}
body.woocommerce-account .vindi-pagamentos-order-details button.copy-button{
  flex:0 0 42px;width:42px;height:42px;padding:0;border:0;border-radius:8px;
  background:var(--azul);display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .15s}
body.woocommerce-account .vindi-pagamentos-order-details button.copy-button:hover{
  background:var(--azul-forte)}
body.woocommerce-account .vindi-pagamentos-order-details img.copy-image{width:17px;
  height:17px;border:0;padding:0;background:none}
body.woocommerce-account .vindi-pagamentos-order-details a{display:inline-flex;
  align-items:center;gap:7px;background:var(--azul);color:#fff;border-radius:8px;
  padding:11px 18px;font-family:var(--texto);font-size:14px;font-weight:700;
  line-height:1.2}
body.woocommerce-account .vindi-pagamentos-order-details a:hover{
  background:var(--azul-forte);color:#fff}

/* ── os campos que sobraram (E-mail, Telefone, Razao Social, IE, CPF) ── */
body.woocommerce-account table.woocommerce-table--custom-fields{margin:24px 0 0}
/* width:1% com nowrap faz a coluna encolher ate caber so o rotulo - o valor
   comeca logo depois, em vez de a meia tela de distancia */
body.woocommerce-account table.woocommerce-table--custom-fields th{
  width:1%;white-space:nowrap;font-family:var(--texto);font-size:13px;
  font-weight:600;color:var(--cinza);text-transform:none;letter-spacing:0;
  padding:11px 28px 11px 0;border-bottom:1px solid var(--linha-2);
  vertical-align:top}
body.woocommerce-account table.woocommerce-table--custom-fields td{
  padding:11px 0;border-bottom:1px solid var(--linha-2);color:var(--tinta);
  font-size:14px}
body.woocommerce-account table.woocommerce-table--custom-fields tr:last-child th,
body.woocommerce-account table.woocommerce-table--custom-fields tr:last-child td{
  border-bottom:0}

/* o endereco formatado que o tema imprime */
body.woocommerce-account .sodados{font-size:14px;line-height:1.6;
  color:var(--tinta-2)}

/* ── enderecos de cobranca e entrega ── */
body.woocommerce-account section.woocommerce-customer-details{margin:26px 0 0;
  width:auto;float:none;clear:both}
/* Duas colunas ditas, e as posicoes tambem: ha um filho vazio antes dos dois
   enderecos, e com auto-fit ele tomava a primeira faixa - os cartoes caiam na
   segunda e na terceira, encolhidos e jogados para a direita. */
body.woocommerce-account section.woocommerce-columns--addresses{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
  margin:0;width:100%;max-width:none;float:none;clear:both}
body.woocommerce-account section.woocommerce-columns--addresses > .woocommerce-column--1{
  grid-column:1;grid-row:1}
body.woocommerce-account section.woocommerce-columns--addresses > .woocommerce-column--2{
  grid-column:2;grid-row:1}
body.woocommerce-account section.woocommerce-columns--addresses .woocommerce-column{
  width:auto;float:none;background:var(--fundo);border:1px solid var(--linha);
  border-radius:10px;padding:16px 18px;margin:0}
body.woocommerce-account .woocommerce-customer-details address{font-style:normal;
  font-size:14px;line-height:1.65;color:var(--tinta-2);border:0;padding:0;margin:0}
body.woocommerce-account .woocommerce-customer-details p{margin:8px 0 0;font-size:14px}

/* ══ os formularios de endereco em duas colunas ══
   Antes tudo caia numa coluna so, porque a regra geral punha span 2 em toda
   .form-row - e o WooCommerce marca quase tudo como "form-row-wide". Aqui os
   campos que andam juntos dividem a linha, por id. */
body.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_first_name_field,
body.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_last_name_field,
body.woocommerce-account #billing_first_name_field,
body.woocommerce-account #billing_last_name_field,
body.woocommerce-account #billing_cpf_field,
body.woocommerce-account #billing_phone_field,
body.woocommerce-account #billing_postcode_field,
body.woocommerce-account #billing_ie_field,
body.woocommerce-account #shipping_postcode_field,
body.woocommerce-account #shipping_number_field,
body.woocommerce-account #shipping_neighborhood_field,
body.woocommerce-account #shipping_city_field{grid-column:span 1}
/* No endereco de entrega, CEP e Rua sozinhos numa linha deixavam buraco ao
   lado. Os pares seguem a ordem em que se escreve um endereco:
   CEP | Rua, Numero | Complemento, Bairro | Cidade, Estado. */
body.woocommerce-account .woocommerce-address-fields__field-wrapper #shipping_address_1_field,
body.woocommerce-account .woocommerce-address-fields__field-wrapper #shipping_address_2_field,
body.woocommerce-account .woocommerce-address-fields__field-wrapper #shipping_state_field{
  grid-column:span 1}
body.woocommerce-account #billing_email_field,
body.woocommerce-account #billing_razao_social_field{grid-column:span 2}

/* as caixas de marcar (PJ, isento de IE) ocupam a linha e ficam mais leves */
body.woocommerce-account .woocommerce-address-fields .thwcfd-field-checkbox{
  grid-column:span 2;flex-direction:row;align-items:center;gap:9px;
  margin:2px 0 0;padding:10px 12px;background:var(--fundo);
  border:1px solid var(--linha);border-radius:8px}
body.woocommerce-account .woocommerce-address-fields .thwcfd-field-checkbox label{
  margin:0;font-size:13.5px;font-weight:500;color:var(--tinta-2);cursor:pointer}
body.woocommerce-account .woocommerce-address-fields .thwcfd-field-checkbox input{
  width:16px;height:16px;margin:0;accent-color:var(--azul)}

/* o botao de salvar nao divide linha com campo nenhum */
body.woocommerce-account .woocommerce-address-fields p.form-row:last-child,
body.woocommerce-account form.edit-account p.form-row:last-child{grid-column:span 2;
  margin-top:8px}

/* "(opcional)" ao lado do rotulo, e nao como parte do nome do campo */
body.woocommerce-account .optional{color:#A9B4C4;font-weight:400;font-size:11.5px}

/* O campo Pais e oculto, mas como filho direto da grade ele ocuparia uma
   celula e abriria um buraco entre os campos. */
body.woocommerce-account .mcn-oculto,
body.woocommerce-account .woocommerce-address-fields__field-wrapper > input[type="hidden"],
body.woocommerce-account .form-row:has(> .mcn-oculto){display:none!important}