/* Branding para página Minha Conta - alinhado com o carrinho */
:root {
  --brand: #d11972;
  --brand-dark: #b8105a;
  --brand-contrast: #ffffff;
  --surface: #ffffff;
  --surface-alt: #fafafa;
  --shadow: 0 6px 18px rgba(0,0,0,.08);
  --radius: 8px; /* 6–8px */
  --space-sm: 12px;
  --space: 16px;
}

/* Conteúdo à direita como cartão (não aplica ao menu da esquerda) */
.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  /* Força respiro interno mesmo quando o tema zera o padding */
  padding: 20px !important;
}

/* Tabelas internas com cantos arredondados e respiro */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  margin-bottom: var(--space);
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
  padding: var(--space) var(--space);
  vertical-align: middle;
  background: transparent;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr {
  border-bottom: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr:last-child {
  border-bottom: none;
}

/* Botões dentro da área Minha Conta */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce-MyAccount-content button.button {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
  color: var(--brand-contrast) !important;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  box-shadow: 0 2px 8px rgba(209,25,114,.25);
  transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:focus {
  filter: brightness(.98);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(209,25,114,.35);
  outline: none;
}

/* Links de ação (ex: ver pedido) */
.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--brand);
}
.woocommerce-account .woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce-MyAccount-content a:focus {
  color: var(--brand-dark);
}

/* Estados de foco acessíveis */
.woocommerce-account .woocommerce-MyAccount-content a:focus,
.woocommerce-account .woocommerce-MyAccount-content button:focus,
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus {
  outline: 2px solid rgba(209,25,114,.45);
  outline-offset: 2px;
}

/* Formularios com inputs arredondados discretos */
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 10px 12px;
}

/* Evitar que o menu da esquerda receba estilos de cartão */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: transparent;
  box-shadow: none;
}