/* =============================================================================
   skin-painel.css - pele "Painel" do wc-account-dashboard (digfire.com.br)
   Versao 1.11.0. Referencia visual: painel de configuracoes limpo (sidebar
   com item ativo em preenchimento suave, cards brancos sobre palco cinza,
   formularios em grade com rotulos em cima). Acento do print (azul) virou o
   laranja da marca Dig Fire (#F5620A). Cores seguem a paleta global do kit 76
   quando o widget as referencia; aqui ficam os valores resolvidos como fallback.

   Metodo: o plugin e dirigido por variaveis --wcad-*. Esta pele REDEFINE as
   vars na raiz .wcad-account-dashboard com classe dobrada (0,2,0), ganhando
   do post-8.css (0,1,0) sem nenhum !important, e cobre o que settings nao
   expressam: transicoes, formularios WooCommerce, foco, tabelas e avisos.
   ========================================================================== */

.wcad-account-dashboard {
  --wcad-bg: #F3F4F6;
  --wcad-card: #FFFFFF;
  --wcad-sidebar: #FFFFFF;
  --wcad-line: #E5E7EB;
  --wcad-line-strong: #D1D5DB;
  --wcad-text: #111827;
  --wcad-muted: #5B6270;
  --wcad-muted-light: #9CA3AF;
  --wcad-navy: #0D1B3E;
  --wcad-navy-mid: #374151;
  --wcad-orange: #F5620A;
  --wcad-orange-dark: #A63F00;
  --wcad-orange-soft: #FFF0E8;
  --wcad-radius: 14px;
  --wcad-radius-sm: 10px;
  --wcad-shadow: 0 1px 2px rgba(17, 24, 39, .05);
  --wcad-shadow-lg: 0 10px 25px rgba(17, 24, 39, .08);

  /* Sidebar: a alma do print - ativo preenchido, sem borda dura */
  --wcad-nav-gap: 4px;
  --wcad-nav-item-min-height: 46px;
  --wcad-nav-item-padding: 10px 12px;
  --wcad-nav-font-size: 14px;
  --wcad-nav-font-weight: 500;
  --wcad-nav-icon-size: 20px;
  --wcad-nav-item-radius: 10px;
  --wcad-nav-item-bg: transparent;
  --wcad-nav-item-color: #374151;
  --wcad-nav-item-icon-color: #5B6270;
  --wcad-nav-item-border-color: transparent;
  --wcad-nav-item-hover-bg: #FFF7F2;
  --wcad-nav-item-hover-color: #111827;
  --wcad-nav-item-hover-icon-color: #F5620A;
  --wcad-nav-item-hover-border-color: transparent;
  --wcad-nav-item-active-bg: #FFF0E8;
  --wcad-nav-item-active-color: #A63F00;
  --wcad-nav-item-active-icon-color: #F5620A;
  --wcad-nav-item-active-border-color: transparent;
  --wcad-nav-badge-bg: #F5620A;
  --wcad-nav-badge-color: #FFFFFF;

  /* Gaveta mobile herda a mesma linguagem */
  --wcad-mobile-nav-item-bg: transparent;
  --wcad-mobile-nav-item-color: #374151;
  --wcad-mobile-nav-item-icon-color: #5B6270;
  --wcad-mobile-nav-item-border-color: transparent;
  --wcad-mobile-nav-item-hover-bg: #FFF7F2;
  --wcad-mobile-nav-item-hover-color: #111827;
  --wcad-mobile-nav-item-hover-icon-color: #F5620A;
  --wcad-mobile-nav-item-hover-border-color: transparent;
  --wcad-mobile-nav-item-active-bg: #FFF0E8;
  --wcad-mobile-nav-item-active-color: #A63F00;
  --wcad-mobile-nav-item-active-icon-color: #F5620A;
  --wcad-mobile-nav-item-active-border-color: transparent;
  --wcad-mobile-sidebar-color: #FFFFFF;
  --wcad-mobile-bar-bg: rgba(255, 255, 255, .92);
  --wcad-mobile-bar-border: #E5E7EB;

  /* Cabecalho e cards */
  --wcad-header-bg: #FFFFFF;
  --wcad-header-border-color: #E5E7EB;
  --wcad-header-radius: 14px;
  --wcad-header-shadow: 0 1px 2px rgba(17, 24, 39, .05);
  --wcad-card-title-color: #111827;
  --wcad-card-title-icon-color: #5B6270;
  --wcad-card-link-color: #A63F00;
  --wcad-card-link-hover-color: #F5620A;

  /* Stats */
  --wcad-stat-value-color: #111827;
  --wcad-stat-label-color: #5B6270;
  --wcad-stat-orders-bg: #FFF0E8;
  --wcad-stat-orders-color: #F5620A;
  --wcad-stat-open-bg: #F0FDF4;
  --wcad-stat-open-color: #16A34A;

  /* Lista de pedidos recentes */
  --wcad-list-name-color: #111827;
  --wcad-list-meta-color: #5B6270;
  --wcad-price-color: #111827;
  --wcad-list-icon-bg: #FFF0E8;
  --wcad-list-icon-color: #F5620A;

  /* Pagina de pedidos (cards) */
  --wcad-order-card-bg: #FFFFFF;
  --wcad-order-card-border-color: #E5E7EB;
  --wcad-order-card-radius: 14px;
  --wcad-order-card-shadow: 0 1px 2px rgba(17, 24, 39, .05);
  --wcad-order-label-color: #5B6270;
  --wcad-order-number-color: #111827;
  --wcad-order-number-hover-color: #A63F00;
  --wcad-order-meta-color: #5B6270;
  --wcad-order-total-color: #111827;
  --wcad-order-actions-divider: #E5E7EB;
  --wcad-order-view-button-bg: #FFFFFF;
  --wcad-order-view-button-color: #374151;
  --wcad-order-view-button-border-color: #E5E7EB;
  --wcad-order-view-button-hover-bg: #FFF0E8;
  --wcad-order-view-button-hover-color: #A63F00;
  --wcad-order-view-button-hover-border-color: #F5620A;

  /* Botao voltar */
  --wcad-back-bg: #FFFFFF;
  --wcad-back-color: #374151;
  --wcad-back-icon-color: #5B6270;
  --wcad-back-border-color: #E5E7EB;
  --wcad-back-hover-bg: #FFF0E8;
  --wcad-back-hover-color: #A63F00;
  --wcad-back-hover-icon-color: #F5620A;
  --wcad-back-hover-border-color: #F5620A;
  --wcad-shop-back-bg: #FFFFFF;
  --wcad-shop-back-color: #374151;
  --wcad-shop-back-icon-color: #5B6270;
  --wcad-shop-back-border-color: #E5E7EB;
  --wcad-shop-back-hover-bg: #FFF0E8;
  --wcad-shop-back-hover-color: #A63F00;
  --wcad-shop-back-hover-icon-color: #F5620A;
  --wcad-shop-back-hover-border-color: #F5620A;

  /* Atalhos */
  --wcad-shortcut-bg: #FFFFFF;
  --wcad-shortcut-color: #374151;
  --wcad-shortcut-icon-color: #F5620A;
  --wcad-shortcut-border-color: #E5E7EB;
  --wcad-shortcut-hover-bg: #FFF7F2;
  --wcad-shortcut-hover-color: #A63F00;
  --wcad-shortcut-hover-icon-color: #F5620A;
  --wcad-shortcut-hover-border-color: #F5620A;

  /* Estados vazios e logout */
  --wcad-empty-title-color: #111827;
  --wcad-empty-text-color: #5B6270;
  --wcad-empty-icon-bg: #FFF0E8;
  --wcad-empty-icon-color: #F5620A;
  --wcad-logout-hover-color: #DC2626;
  --wcad-logout-hover-bg: #FEF2F2;
  --wcad-logout-hover-border: transparent;

  /* Editar endereco (botao) */
  --wcad-address-edit-bg: #FFFFFF;
  --wcad-address-edit-color: #374151;
  --wcad-address-edit-border: #E5E7EB;
  --wcad-address-edit-hover-bg: #FFF0E8;
  --wcad-address-edit-hover-color: #A63F00;
  --wcad-address-edit-hover-border: #F5620A;
}

/* ---------------------------------------------------------------------------
   Estrutura: o que settings nao expressam
   ------------------------------------------------------------------------ */

/* Sidebar: fio de separacao a direita e ritmo do bloco da marca */
.wcad-account-dashboard .wcad-account-dashboard__sidebar {
  border-right: 1px solid var(--wcad-line);
}
.wcad-account-dashboard .wcad-account-dashboard__brand {
  padding: 6px 8px 18px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--wcad-line);
}
.wcad-account-dashboard .wcad-account-dashboard__nav-item {
  transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
.wcad-account-dashboard .wcad-account-dashboard__nav-item svg {
  transition: color .16s ease;
}

/* Header da conta: titulo navy, subtitulo apoio */
.wcad-account-dashboard .wcad-account-dashboard__title {
  color: var(--wcad-navy);
  font-weight: 700;
  letter-spacing: -.01em;
}
.wcad-account-dashboard .wcad-account-dashboard__subtitle {
  color: var(--wcad-muted);
}

/* Cards: raio do dialeto novo */
.wcad-account-dashboard .wcad-account-dashboard__card,
.wcad-account-dashboard .wcad-account-dashboard__stat-card {
  border-radius: var(--wcad-radius);
}
.wcad-account-dashboard .wcad-account-dashboard__card-header h2 svg {
  color: var(--wcad-muted);
}

/* Botao "Ver mais" discreto */
.wcad-account-dashboard .wcad-account-dashboard__card-more {
  border: 1px solid var(--wcad-line);
  border-radius: var(--wcad-radius-sm);
  color: var(--wcad-navy-mid);
  transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
.wcad-account-dashboard .wcad-account-dashboard__card-more:hover {
  background: var(--wcad-orange-soft);
  border-color: var(--wcad-orange);
  color: var(--wcad-orange-dark);
}

/* ---------------------------------------------------------------------------
   Formularios WooCommerce dentro da conta (detalhes, enderecos, pagamentos)
   ------------------------------------------------------------------------ */
.wcad-account-dashboard .woocommerce-form-row label,
.wcad-account-dashboard .woocommerce-EditAccountForm label,
.wcad-account-dashboard form .form-row label {
  display: block;
  margin: 0 0 6px;
  color: var(--wcad-navy-mid);
  font-size: 13px;
  font-weight: 600;
}
.wcad-account-dashboard .woocommerce-form-row .input-text,
.wcad-account-dashboard .woocommerce-EditAccountForm .input-text,
.wcad-account-dashboard form .form-row .input-text,
.wcad-account-dashboard form .form-row select {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid var(--wcad-line-strong);
  border-radius: var(--wcad-radius-sm);
  background: #FFFFFF;
  color: var(--wcad-text);
  font-size: 15px;
  line-height: 1.35;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.wcad-account-dashboard .woocommerce-form-row .input-text:focus,
.wcad-account-dashboard .woocommerce-EditAccountForm .input-text:focus,
.wcad-account-dashboard form .form-row .input-text:focus,
.wcad-account-dashboard form .form-row select:focus {
  outline: none;
  border-color: var(--wcad-orange);
  box-shadow: 0 0 0 3px rgba(245, 98, 10, .14);
}
.wcad-account-dashboard form .form-row ::placeholder {
  color: var(--wcad-muted-light);
}

/* Botao primario WooCommerce dentro da conta */
.wcad-account-dashboard .woocommerce-Button.button,
.wcad-account-dashboard .woocommerce #respond input#submit,
.wcad-account-dashboard .woocommerce a.button,
.wcad-account-dashboard .woocommerce button.button,
.wcad-account-dashboard .woocommerce input.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 22px;
  border: 1px solid var(--wcad-orange);
  border-radius: var(--wcad-radius-sm);
  background: var(--wcad-orange);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
.wcad-account-dashboard .woocommerce-Button.button:hover,
.wcad-account-dashboard .woocommerce #respond input#submit:hover,
.wcad-account-dashboard .woocommerce a.button:hover,
.wcad-account-dashboard .woocommerce button.button:hover,
.wcad-account-dashboard .woocommerce input.button:hover {
  background: var(--wcad-orange-dark);
  border-color: var(--wcad-orange-dark);
  color: #FFFFFF;
}
.wcad-account-dashboard .woocommerce-Button.button:focus-visible,
.wcad-account-dashboard .woocommerce a.button:focus-visible,
.wcad-account-dashboard .woocommerce button.button:focus-visible {
  outline: 2px solid var(--wcad-navy);
  outline-offset: 2px;
}

/* Tabelas da conta (pedidos, pagamentos) */
.wcad-account-dashboard .woocommerce-orders-table,
.wcad-account-dashboard .woocommerce-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--wcad-line);
  border-radius: var(--wcad-radius);
  overflow: hidden;
  background: #FFFFFF;
}
.wcad-account-dashboard .woocommerce-orders-table thead th,
.wcad-account-dashboard .woocommerce-table thead th {
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid var(--wcad-line);
  background: #F9FAFB;
  color: var(--wcad-muted);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.wcad-account-dashboard .woocommerce-orders-table tbody td,
.wcad-account-dashboard .woocommerce-table tbody td {
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid var(--wcad-line);
  color: var(--wcad-navy-mid);
  font-size: 14px;
}
.wcad-account-dashboard .woocommerce-orders-table tbody tr:last-child td,
.wcad-account-dashboard .woocommerce-table tbody tr:last-child td {
  border-bottom: 0;
}
.wcad-account-dashboard .woocommerce-orders-table tbody tr {
  transition: background-color .16s ease;
}
.wcad-account-dashboard .woocommerce-orders-table tbody tr:hover {
  background: #FFF7F2;
}

/* Avisos WooCommerce dentro da conta */
.wcad-account-dashboard .woocommerce-message,
.wcad-account-dashboard .woocommerce-info {
  border: 1px solid #FDBA74;
  border-radius: var(--wcad-radius-sm);
  background: #FFF7ED;
  color: #7C2D12;
}
.wcad-account-dashboard .woocommerce-error {
  border: 1px solid #FCA5A5;
  border-radius: var(--wcad-radius-sm);
  background: #FEF2F2;
  color: #7F1D1D;
}

/* Respeito a movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .wcad-account-dashboard .wcad-account-dashboard__nav-item,
  .wcad-account-dashboard .wcad-account-dashboard__nav-item svg,
  .wcad-account-dashboard .wcad-account-dashboard__card-more,
  .wcad-account-dashboard .woocommerce-orders-table tbody tr {
    transition: none;
  }
}

/* ==========================================================================
   PIN 1.12.0 - 20/08/2026
   O bloco da raiz foi rebaixado de (0,4,0) para (0,1,0) de proposito, para que
   as cores escolhidas no painel do Elementor (0,4,0) finalmente vencam.
   Estas dez, e SO estas dez, divergiam entre o skin e os valores de fabrica do
   painel. Ficam presas aqui em (0,5,0) para que a tela nao mude sozinha.
   Para passar qualquer uma delas ao controle do painel, apague a linha dela.
   ========================================================================== */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard {
  --wcad-nav-item-hover-bg: #FFF7F2;
  --wcad-nav-item-hover-border-color: transparent;
  --wcad-nav-item-active-border-color: transparent;
  --wcad-mobile-nav-item-bg: transparent;
  --wcad-mobile-nav-item-hover-bg: #FFF7F2;
  --wcad-mobile-nav-item-hover-border-color: transparent;
  --wcad-mobile-nav-item-active-border-color: transparent;
  --wcad-order-view-button-bg: #FFFFFF;
  --wcad-order-view-button-hover-border-color: #F5620A;
  --wcad-back-hover-border-color: #F5620A;
}


/* ==========================================================================
   TITULO AO LADO 1.12.0
   Antes: a migalha e o titulo ocupavam a largura toda, numa linha propria da
   grade. Isso empurrava o conteudo da direita para baixo e deixava um vao.
   Agora: o titulo fica na COLUNA DA ESQUERDA, acima do menu, e o conteudo da
   direita sobe e comeca na mesma altura dele.
   Mora no skin e nao no frontend.css de proposito: outro agente e dono daquele
   arquivo nesta rodada, e duas maos no mesmo arquivo ja custaram caro hoje.
   ========================================================================== */
@media (min-width: 1081px) {
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada {
    grid-template-columns: var(--wcad-grid-sidebar-width, 294px) minmax(0, 1fr);
    /* a 3a linha absorve a sobra; sem isso a linha do titulo esticava e
       abria 125px de vazio entre o titulo e o menu */
    grid-template-rows: auto auto 1fr;
    align-items: start;
  }
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__topbar   { grid-column: 1 / -1; grid-row: 1; }
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__pagehead { grid-column: 1; grid-row: 2; margin-bottom: 12px; }
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__sidebar  { grid-column: 1; grid-row: 3; }
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__main     { grid-column: 2; grid-row: 2 / span 2; }

  /* o titulo agora vive numa coluna estreita: nao pode estourar nem cortar */
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__pagehead .wcad-account-dashboard__pagetitle {
    overflow-wrap: break-word;
    hyphens: auto;
  }

  /* o cartao de saudacao encostava no topo do main; 0 aqui alinha com o titulo */
  .wcad-account-dashboard.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada.is-grid-centrada > .wcad-account-dashboard__main > .wcad-account-dashboard__header { margin-top: 0; }
}


/* ==========================================================================
   CABECALHO ESTILO CHECKOUT 1.12.0
   Copia o cabecalho do checkout: fundo azul-marinho #0D1B3E (o mesmo do
   checkout-etapas) com o logotipo centralizado.
   O logotipo da Dig Fire e azul-marinho escuro e sumiria nesse fundo, entao
   ele vai branco por filtro. Isso APAGA o laranja do simbolo: se houver um
   arquivo de logo branco de verdade, e melhor troca-lo e remover o filtro.
   O botao "Voltar a loja" a esquerda depende de HTML novo no template.
   ========================================================================== */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-account-dashboard__topbar {
  background: var(--wcad-topbar-bg, #0D1B3E);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  justify-content: center;
  position: relative;
}
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-account-dashboard__topbar .wcad-account-dashboard__topbar-logo img {
  filter: brightness(0) invert(1);
}
/* o hamburguer sai do fluxo para o logotipo ficar no centro de verdade */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-account-dashboard__topbar .wcad-account-dashboard__topbar-burger {
  position: absolute;
  right: var(--wcad-pad-x, 20px);
  top: 50%;
  transform: translateY(-50%);
}


/* ==========================================================================
   TOTAL DO PEDIDO 1.12.0
   A celula Total tem 120px. O valor ocupa 62px e "de N itens" outros 53px,
   e o container estava em flex-direction:row — os dois lado a lado nao cabiam,
   entao "de N itens" quebrava em duas linhas e encavalava no valor.
   Os nomes das classes (amount / items) mostram que a intencao era empilhar.
   ========================================================================== */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-order-total-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-order-total-amount {
  white-space: nowrap;
  line-height: 1.25;
}
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-order-total-items {
  white-space: nowrap;
  font-size: 12.5px;
  line-height: 1.2;
  color: var(--wcad-muted, #5B6270);
}


/* ==========================================================================
   BARRA DE FILTROS 1.12.0
   Os quatro botoes precisam de 479px e a coluna deles recebia 474px. Faltavam
   CINCO pixels, e "Cancelados" caia para a segunda linha — com a barra de
   busca ao lado ocupando 356px fixos e sobrando espaco na linha.
   Agora a coluna dos botoes e do tamanho do conteudo (auto) e a busca fica com
   o que sobrar (1fr), encolhendo conforme a largura da pagina muda.
   Tambem sai a sombra de elevacao no hover, que o dono nao quis.
   ========================================================================== */
@media (min-width: 861px) {
  .wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-toolbar {
    grid-template-columns: minmax(140px, 1fr) auto;
    align-items: center;
  }
  .wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-toolbar__chips {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-chip { white-space: nowrap; }
}

/* sem elevacao no hover, em nenhuma largura */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-chip:hover,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-chip:focus,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-orders-chip:focus-visible {
  box-shadow: none;
  transform: none;
}


/* ==========================================================================
   BOTAO EDITAR ENDERECO 1.12.0
   O botao estava com texto BRANCO sobre fundo BRANCO: contraste 1:1, invisivel.
   Ele sempre esteve la, 145x42px e clicavel — so nao dava para ver.
   Aqui ele ganha texto escuro, borda visivel e destaque laranja no hover.
   ========================================================================== */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle {
  color: var(--wcad-text, #111827);
  background: #FFFFFF;
  border: 1px solid var(--wcad-line, #E5E7EB);
  border-radius: var(--wcad-radius-sm, 10px);
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  transition: color .15s, border-color .15s, background .15s;
}
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle span { color: inherit; }
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle svg { color: var(--wcad-orange, #F5620A); width: 16px; height: 16px; }
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle:hover,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle:focus-visible {
  /* hover preenchido: branco sobre #C24B00 da 4,88:1 e passa em acessibilidade.
     Sobre o #F5620A puro daria 3,17:1 e reprovaria. */
  background: var(--wcad-orange-botao, #C24B00);
  border-color: var(--wcad-orange-botao, #C24B00);
  color: #FFFFFF;
}

/* os dois enderecos lado a lado, nunca um debaixo do outro, quando ambos aparecem */
@media (min-width: 861px) {
  .wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }
  .wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Addresses > .woocommerce-Address { width: auto; float: none; margin: 0; }
}


/* ==========================================================================
   DOIS BOTOES DE EDITAR 1.12.0
   Antes: o JS escondia os dois links "Editar Endereco de..." que ja vinham no
   HTML e montava UM menu suspenso no lugar, fora dos cartoes.
   Agora: o menu some e cada link volta a aparecer DENTRO do seu proprio cartao,
   como botao no rodape. Sao dois botoes independentes, um por endereco.
   Nao mexe no JS de proposito: os links nunca foram removidos do DOM, so
   ocultados — entao basta devolver a visibilidade.
   ========================================================================== */

/* 1. o menu suspenso sai de cena */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-hub,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-menu,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-address-edit-toggle { display: none !important; }

/* 2. cada cartao reserva espaco no rodape para o seu botao */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Address {
  position: relative;
  padding-bottom: 72px;
}

/* 3. o link que ja existia vira botao, colado no rodape do proprio cartao */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Address .woocommerce-Address-title .edit {
  /* !important porque o JS esconde este link com regra de mesma forca para
     montar o menu suspenso; sem prioridade o display:none dele vence */
  display: flex !important;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--wcad-line, #E5E7EB);
  border-radius: var(--wcad-radius-sm, 10px);
  /* cor ja no estado normal: antes o botao so aparecia no hover */
  background: var(--wcad-orange-soft, #FFF7F2);
  border-color: var(--wcad-orange, #F5620A);
  color: var(--wcad-orange-dark, #A63F00);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: color .15s, border-color .15s, background .15s;
}
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Address .woocommerce-Address-title .edit:hover,
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .woocommerce-Address .woocommerce-Address-title .edit:focus-visible {
  /* hover preenchido: branco sobre #C24B00 da 4,88:1 e passa em acessibilidade.
     Sobre o #F5620A puro daria 3,17:1 e reprovaria. */
  background: var(--wcad-orange-botao, #C24B00);
  border-color: var(--wcad-orange-botao, #C24B00);
  color: #FFFFFF;
}

/* 4. a nota "tambem sera usada para entrega" nao pode encostar no botao */
.wcad-account-dashboard.wcad-account-dashboard.wcad-account-dashboard .wcad-same-address-card-note { margin-bottom: 4px; }