/* PAGINA: minha-conta */
/*
 * ================================================================
 *  MINHA CONTA — Estilos Personalizados
 *
 *  ⚠️  A primeira linha acima é obrigatória — diz ao plugin
 *      que este arquivo só carrega na página Minha Conta.
 *
 *  Cores do tema: #34495E (primária) | #4A154B (hover/destaque)
 *
 *  Para mudar as cores do site inteiro, edite apenas a seção 0.
 * ================================================================
 */

/* Variáveis do tema */
:root {
  --tema-primaria: #34495E;
  --tema-hover:    #4A154B;
  --tema-light:    rgba(52, 73, 94, 0.08);
  --tema-ativo-bg: rgba(74, 21, 75, 0.07);
}

/* Força a largura máxima para os campos de redefinição de senha do bloco Woopb */
.wopb-my-account-container form p.form-row {
 width: 100% !important;
}


/* --- Remove floats padrão do WooCommerce e força grid --- */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-page {
  display: block;
}

.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
  content: none !important;
  display: none !important;
}

@media (min-width: 769px) {
  .woocommerce-account .woocommerce {
    
    grid-template-columns: 210px 1fr !important;
    gap: 1.75rem !important;
    align-items: start !important;
    max-width: 1060px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
  }

  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    clear: none !important;
  }
}

/* =============================================
   MENU LATERAL
   ============================================= */
.woocommerce-MyAccount-navigation {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 0.6rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  position: sticky;
  top: 1.5rem;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  align-items: center;
  padding: 0.6rem 0.85rem !important;
  border-radius: 9px;
  font-size: 14px !important;
  font-weight: 400;
  color: #4b5563 !important;
  text-decoration: none !important;
  transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
  margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--tema-light);
  color: var(--tema-primaria) !important;
  transform: translateX(3px);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--tema-ativo-bg) !important;
  color: var(--tema-hover) !important;
  font-weight: 600;
}

/* Sair */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  border-top: 1px solid rgba(0,0,0,0.07);
  margin-top: 0.4rem !important;
  padding-top: 0.4rem !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #dc2626 !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #FEF2F2;
  color: #b91c1c !important;
}

/* =============================================
   ÁREA DE CONTEÚDO — cartão principal
   ============================================= */
.woocommerce-MyAccount-content {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 0 !important;        /* padding zero: seções internas controlam */
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  min-height: 300px;
  overflow: hidden;
}

/* Faixa de título no topo do cartão */
.woocommerce-MyAccount-content > p:first-child,
.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + p,
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3 {
  padding: 1.25rem 1.75rem 0 1.75rem;
}

/* Padding geral do conteúdo interno — exceto endereços */
.woocommerce-MyAccount-content > *:not(h2):not(h3):not(.woocommerce-Addresses) {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

/* Faixa roxa no topo do cartão de conteúdo */
.woocommerce-MyAccount-content::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--tema-primaria), var(--tema-hover));
  border-radius: 16px 16px 0 0;
}

/* --- Texto intro da página --- */
.woocommerce-MyAccount-content > p {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.65;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

/* --- Alertas e mensagens --- */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  border-radius: 10px !important;
  border: none !important;
  border-left: 3px solid !important;
  padding: 0.9rem 1.1rem !important;
  font-size: 14px;
  margin: 1.25rem 1.75rem !important;
}

.woocommerce-info    { background: #EFF6FF; color: #1e40af; border-left-color: #3b82f6 !important; }
.woocommerce-message { background: #F0FDF4; color: #166534; border-left-color: #22c55e !important; }
.woocommerce-error   { background: #FEF2F2; color: #991b1b; border-left-color: #ef4444 !important; }

/* --- BOTÕES — cores do tema --- */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content a.button,
.woocommerce-button,
.woocommerce-account .button,
.woocommerce-account input[type="submit"],
.woocommerce-account button[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: var(--tema-primaria) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 9px 22px !important;
  border-radius: 9px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  letter-spacing: 0.2px;
  transition: background 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
  box-shadow: 0 2px 6px rgba(52,73,94,0.25) !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover,
.woocommerce-account button[type="submit"]:hover {
  background: var(--tema-hover) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74,21,75,0.30) !important;
}

/* --- ENDEREÇOS — layout e tipografia --- */
.woocommerce-Addresses {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 1rem !important;
  padding: 1.5rem 1.75rem 1.75rem !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-Addresses .woocommerce-Address {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  background: #f8f9fa;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 1.25rem 1.4rem !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.woocommerce-Addresses .woocommerce-Address:hover {
  box-shadow: 0 4px 16px rgba(52,73,94,0.12);
  transform: translateY(-2px);
}

.woocommerce-Addresses .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  padding-bottom: 0.75rem;
  margin-bottom: 0.85rem;
}

.woocommerce-Addresses .woocommerce-Address-title h3 {
  font-size: 15px !important;
  font-weight: 700;
  color: var(--tema-primaria);
  margin: 0 !important;
  text-transform: none;
  letter-spacing: -0.2px;
}

.woocommerce-Addresses .woocommerce-Address-title .edit {
  font-size: 12px !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 4px rgba(52,73,94,0.2) !important;
}

/* Texto do endereço */
.woocommerce-Addresses address {
  font-style: normal;
  font-size: 13.5px;
  color: #4b5563;
  line-height: 1.75;
}

/* --- TABELA DE PEDIDOS --- */
.woocommerce-orders-table,
.woocommerce-MyAccount-content table {
  width: 100% !important;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0 !important;
}

.woocommerce-orders-table th,
.woocommerce-MyAccount-content table th {
  text-align: left;
  font-weight: 600;
  color: var(--tema-primaria);
  padding: 0.7rem 1rem;
  border-bottom: 2px solid rgba(52,73,94,0.12);
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  background: #f8f9fa;
}

.woocommerce-orders-table td,
.woocommerce-MyAccount-content table td {
  padding: 0.8rem 1rem;
  color: #4b5563;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  vertical-align: middle;
}

.woocommerce-orders-table tbody tr:last-child td,
.woocommerce-MyAccount-content table tbody tr:last-child td {
  border-bottom: none;
}

.woocommerce-orders-table tbody tr:hover td {
  background: #f8f9fa;
}

/* Status dos pedidos */
mark.order-status,
.woocommerce-orders-table .order-status {
  background: none !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  display: inline-block;
}

.order-status.status-processing { background: #EFF6FF !important; color: #1d4ed8 !important; }
.order-status.status-completed  { background: #F0FDF4 !important; color: #166534 !important; }
.order-status.status-pending    { background: #FFFBEB !important; color: #92400e !important; }
.order-status.status-cancelled  { background: #FEF2F2 !important; color: #991b1b !important; }
.order-status.status-on-hold    { background: #F3F4F6 !important; color: #374151 !important; }
.order-status.status-refunded   { background: #EDE9FE !important; color: #5b21b6 !important; }

/* --- FORMULÁRIOS --- */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content form {
  padding-bottom: 1.75rem;
}

.woocommerce-MyAccount-content fieldset {
  border: 1px solid rgba(0,0,0,0.09);
  border-radius: 10px;
  padding: 1rem 1.25rem !important;
  margin-bottom: 1.25rem;
}

.woocommerce-MyAccount-content fieldset legend {
  font-size: 13px;
  font-weight: 600;
  color: var(--tema-primaria);
  padding: 0 6px;
}

.woocommerce-MyAccount-content .form-row {
  margin-bottom: 1rem;
}

.woocommerce-MyAccount-content .form-row label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 5px;
}

.woocommerce-MyAccount-content .form-row input,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-MyAccount-content .form-row textarea {
  width: 100%;
  padding: 9px 12px !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
  border-radius: 8px !important;
  font-size: 14px;
  color: #111;
  background: #fafafa;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  outline: none;
  box-shadow: none !important;
}

.woocommerce-MyAccount-content .form-row input:focus,
.woocommerce-MyAccount-content .form-row select:focus,
.woocommerce-MyAccount-content .form-row textarea:focus {
  border-color: var(--tema-primaria) !important;
  box-shadow: 0 0 0 3px rgba(52,73,94,0.12) !important;
  background: #ffffff;
}

/* =============================================
   RESPONSIVO — mobile
   ============================================= */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    display: block !important;
    padding: 1rem;
  }

  .woocommerce-MyAccount-navigation {
    position: static;
    margin-bottom: 1rem;
  }

  .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
  }

  .woocommerce-MyAccount-navigation ul li {
    flex: 1 1 auto;
    min-width: 110px;
  }

  .woocommerce-MyAccount-navigation ul li a {
    justify-content: center;
    font-size: 13px !important;
    padding: 0.5rem 0.5rem !important;
  }

  .woocommerce-Addresses {
    flex-direction: column !important;
    padding: 1rem !important;
  }
}

/* --- Botão "Editar Endereço" — mesmo estilo dos outros botões --- */
.woocommerce-Addresses .woocommerce-Address-title .edit,
.woocommerce-address-fields .edit,
.woocommerce-Addresses a.edit {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--tema-primaria) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  border: none !important;
  cursor: pointer;
  text-decoration: none !important;
  letter-spacing: 0.2px;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
  box-shadow: 0 2px 6px rgba(52,73,94,0.25) !important;
}

.woocommerce-Addresses .woocommerce-Address-title .edit:hover,
.woocommerce-Addresses a.edit:hover {
  background: var(--tema-hover) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(74,21,75,0.28) !important;
}


/* =============================================
   CORREÇÃO LAYOUT PRINCIPAL — menu + conteúdo
   ============================================= */
@media (min-width: 769px) {
  .woocommerce-account .woocommerce {
    display: grid !important;
    grid-template-columns: 210px 1fr !important;
    grid-template-rows: auto !important;
    gap: 1.75rem !important;
    align-items: start !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
  }

  /* Garante que nav e content ficam em colunas separadas do grid */
  .woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    flex: unset !important;
  }

  .woocommerce-account .woocommerce > .woocommerce-MyAccount-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    flex: unset !important;
  }
}

/* --- Ocultar títulos h2 nos cartões de endereço --- */
.woocommerce-Addresses .woocommerce-Address-title h2,
.woocommerce-Addresses .woocommerce-Address-title h3 {
  display: none !important;
}

/* Centralizar o botão no header agora que o título sumiu */
.woocommerce-Addresses .woocommerce-Address-title {
  justify-content: flex-start !important;
  padding-bottom: 0.6rem;
}

.wc-forward {
    padding: 7px  !important;
}