/* ========== Minha Conta — Login / Cadastro (limpo) ========== */
:root{
  --wrap: 1200px;
  --gap: 44px;
  --radius: 14px;
  --c-text: #111;
  --c-muted: #6b6b6b;
  --c-border: #e6e8eb;
  --c-brand: #0c0b0c;
}

/* Container da página */
.woocommerce-account .woocommerce{
  max-width: var(--wrap);
  margin: 28px auto 70px;
  padding: 0 16px;
  box-sizing: border-box;
}

/* ===== Grid das colunas ===== */
.woocommerce-account #customer_login,
.woocommerce-account .u-columns,
.woocommerce-account .col2-set{
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 24px;
  width: 100%;
}

/* Desktop: 2 colunas lado a lado e mesma altura */
@media (min-width:1025px){
  .woocommerce-account #customer_login,
  .woocommerce-account .u-columns,
  .woocommerce-account .col2-set{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: var(--gap) !important;
    align-items: stretch !important; /* mesma altura */
  }
}

/* Neutraliza floats/width herdados do tema */
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  clear: none !important;
}

/* ===== Cards ===== */
.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2{
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);

  /* ocupa toda a célula do grid (igualando alturas) */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Títulos */
.woocommerce-account #customer_login h2{
  font: 700 28px/1.1 "Times New Roman", serif;
  color: var(--c-text);
  margin: 0 0 12px;
}

/* ===== Formulário ===== */
.woocommerce form .form-row{ margin: 0 0 12px; }

/* Inputs 100% */
.woocommerce-account .woocommerce input.input-text,
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="tel"]{
  width: 100% !important;
  max-width: 100% !important;
  height: 44px;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 10px;
  padding: 10px 14px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
  box-sizing: border-box;
}
.woocommerce-account .woocommerce input:focus{
  border-color: #cfd4da;
  box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}

/* “olhinho” da senha alinhado ao campo 44px */
.woocommerce form .show-password-input{ top: 9px; }

/* Checkbox + “Lembre-me” */
.woocommerce-account .woocommerce .form-row .woocommerce-form__label{
  display: flex; align-items: center; gap: 8px; color: var(--c-text);
}

/* Link “Perdeu sua senha?” */
.woocommerce-account .lost_password a{
  color: var(--c-muted); text-decoration: none;
}
.woocommerce-account .lost_password a:hover{ color: var(--c-text); }

/* Texto de privacidade no cadastro */
.woocommerce-account .u-column2 .woocommerce-privacy-policy-text p{
  color: var(--c-muted); font-size: .95rem; line-height: 1.45; margin: 12px 0 0;
}

/* ===== Botões ===== */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce .button{
  height: 42px; padding: 0 18px;
  border: 0; border-radius: 10px;
  background: var(--c-brand) !important; color: #fff !important;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; letter-spacing: .02em;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  transition: transform .08s ease, filter .12s ease;
}
.woocommerce-account .woocommerce button.button:hover{
  transform: translateY(-1px); filter: brightness(1.06);
}

/* Botão full-width no mobile, se quiser */
@media (max-width:560px){
  .woocommerce-account .woocommerce button.button{ width: 100%; }
}

/* Esconde wrapper de avisos quando vazio */
.woocommerce-account .woocommerce-notices-wrapper:empty{ display: none !important; }

/* === 1) Força 2 colunas no desktop e neutraliza floats/clears === */
@media (min-width:1025px){
  .woocommerce-account #customer_login.u-columns,
  .woocommerce-account #customer_login.col2-set,
  .woocommerce-account .u-columns#customer_login,
  .woocommerce-account .col2-set#customer_login{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 28px !important;
    align-items: start !important;
    width: 100% !important;
  }

  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2{
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    clear: none !important;
  }

  /* “clear” do Woo (herdado de layout antigo) quebra o grid: some com ele */
  .woocommerce-account #customer_login .clear{
    display: none !important;
  }
}

/* === 2) Wrapper de avisos não pode ocupar uma célula do grid === */
.woocommerce-account #customer_login > .woocommerce-notices-wrapper{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
}
.woocommerce-account #customer_login > .woocommerce-notices-wrapper:empty{
  display: none !important;           /* quando vazio, some */
}

/* se houver aviso, ele ocupa a linha inteira (1 a -1) e não “empurra” a coluna 1 */
@media (min-width:1025px){
  .woocommerce-account #customer_login > .woocommerce-notices-wrapper{
    grid-column: 1 / -1 !important;
  }
}

/* === 3) Garante que o container não tenha largura reduzida pelo tema === */
.woocommerce-account .entry-content > .woocommerce{
  width: 100% !important;
}

/* === 4) Centraliza verticalmente o “olhinho” no campo de senha === */
.woocommerce form .show-password-input{
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 12px !important;   /* ajuste fino se precisar */
}

/* My Account — 2 colunas lado a lado no desktop */
@media (min-width:1025px){
  .woocommerce-account #customer_login.u-columns.col2-set{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;          /* ajuste o espaçamento que preferir */
    align-items: start !important;
  }

  /* neutraliza floats/clears herdados do tema/Woo */
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2,
  .woocommerce-account #customer_login .col-1,
  .woocommerce-account #customer_login .col-2{
    float: none !important;
    width: auto !important;
    clear: none !important;
    margin: 0 !important;
  }

  /* (opcional) garante a ordem: login à esquerda, cadastro à direita */
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .col-1{ order: 1; }
  .woocommerce-account #customer_login .u-column2,
  .woocommerce-account #customer_login .col-2{ order: 2; }
}


/* ============ MINHA CONTA (WooCommerce) — LIMPO ============ */
:root{
  --wrap: 1200px;
  --gap: 32px;
  --radius: 14px;
  --c-text:#111;
  --c-muted:#6b6b6b;
  --c-border:#e6e8eb;
  --c-soft:#f6f7f9;
  --c-brand:#0c0b0c;
}

/* Container alinhado com o site */
.woocommerce-account .woocommerce{
  max-width: var(--wrap);
  margin: 28px auto 70px;
  padding: 0 16px;
  box-sizing: border-box;

  /* layout lado a lado */
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--gap) !important;
}

/* ===== Navegação (esquerda) ===== */
.woocommerce-account .woocommerce-MyAccount-navigation{
  flex: 0 0 280px !important;        /* 280px fixos */
  width: 280px !important;
  background:#fff;
  border:1px solid var(--c-border);
  border-radius: var(--radius);
  box-shadow:0 10px 24px rgba(0,0,0,.04);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:6px; }
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:10px;
  color:var(--c-text); text-decoration:none; font-weight:700;
  background:var(--c-soft);
  border:1px solid var(--c-border);
  transition: background .18s ease, color .18s ease, transform .08s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:#fff; transform:translateX(2px);
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a{
  background:var(--c-brand); color:#fff; border-color:var(--c-brand);
}

/* Navegação no mobile: “pílulas” roláveis */
@media (max-width: 899.98px){
  .woocommerce-account .woocommerce{
    display:block !important;    /* empilha tudo */
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    border:none; box-shadow:none; background:transparent;
    width:100% !important; margin:0 0 12px 0 !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex; gap:10px; overflow-x:auto; padding:0 4px 10px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0; }
  .woocommerce-account .woocommerce-MyAccount-navigation a{
    white-space:nowrap; background:#fff;
  }
}

/* ===== Conteúdo (direita) ===== */
.woocommerce-account .woocommerce-MyAccount-content{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background:#fff;
  border:1px solid var(--c-border);
  border-radius: var(--radius);
  padding:18px;
  box-shadow:0 10px 24px rgba(0,0,0,.04);
}

/* Títulos e parágrafos */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  font:700 22px/1.2 "Times New Roman", serif;
  color:var(--c-text); margin:0 0 10px;
}
.woocommerce-account .woocommerce-MyAccount-content p{
  color:var(--c-text); margin:0 0 12px;
}

/* Tabelas (pedidos, downloads, etc.) */
.woocommerce-account table.shop_table{
  width:100%;
  border:1px solid var(--c-border);
  border-radius:12px; overflow:hidden;
  background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.03);
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{
  padding:12px 14px; border-top:1px solid var(--c-border); vertical-align:middle;
}
.woocommerce-account table.shop_table th{
  background:var(--c-soft); font-weight:700;
}

/* Inputs & selects nos formulários (endereços / detalhes da conta) */
.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 select,
.woocommerce-account .woocommerce-MyAccount-content textarea{
  width:100%; height:44px;
  background:#fff; border:1px solid var(--c-border); border-radius:10px;
  padding:10px 14px; box-sizing:border-box; outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.woocommerce-account .woocommerce-MyAccount-content textarea{ height:auto; min-height:120px; }
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
  border-color:#cfd4da; box-shadow:0 0 0 3px rgba(0,0,0,.04);
}

/* Botões */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button{
  height:42px; padding:0 18px; border:0; border-radius:10px;
  background:var(--c-brand) !important; color:#fff !important;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:800; letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  transition:transform .08s ease, filter .12s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover{
  transform:translateY(-1px); filter:brightness(1.06);
}

/* ===== Mostrar/ocultar senha — remove “quadrado preto” ===== */
.woocommerce .password-input{ position:relative; }
.woocommerce .show-password-input,
.woocommerce-page .show-password-input{
  appearance:none !important; -webkit-appearance:none !important;
  background:transparent !important; color:inherit !important;
  border:0 !important; box-shadow:none !important; outline:none !important;

  position:absolute !important; right:12px; top:50%;
  transform:translateY(-50%); width:36px; height:36px; padding:0; margin:0;
  cursor:pointer; border-radius:8px;
}
.woocommerce .show-password-input::after{ color:#666 !important; opacity:.85; }
.woocommerce .password-input input[type="password"],
.woocommerce .password-input input[type="text"]{
  height:44px; padding-right:48px; box-sizing:border-box;
}

/* ===== Endereços (Minha conta) — 2 colunas, sem “fantasma” ===== */
.woocommerce-account .woocommerce-Addresses.addresses,
.woocommerce-account .woocommerce-Addresses.col2-set.addresses{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:22px; align-items:start;
}
/* remove clears pseudo e neutraliza floats */
.woocommerce-account .woocommerce-Addresses.addresses::before,
.woocommerce-account .woocommerce-Addresses.addresses::after,
.woocommerce-account .woocommerce-Addresses.col2-set.addresses::before,
.woocommerce-account .woocommerce-Addresses.col2-set.addresses::after{
  content:none !important; display:none !important;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-column,
.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2{
  float:none !important; clear:none !important;
  width:auto !important; margin:0 !important; max-width:none !important;
}
/* some com nós vazios, se existirem */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address:empty{
  display:none !important;
}
/* “cara de card” */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{
  background:#fff; border:1px solid var(--c-border);
  border-radius: var(--radius);
  padding:16px; box-shadow:0 8px 24px rgba(0,0,0,.04);
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-bottom:10px;
}
/* Mobile: empilha */
@media (max-width: 900px){
  .woocommerce-account .woocommerce-Addresses.addresses,
  .woocommerce-account .woocommerce-Addresses.col2-set.addresses{
    grid-template-columns:1fr;
  }
}

/* ===== Editar Endereço — formulário em 2 colunas ===== */
.woocommerce-account .woocommerce-address-fields__field-wrapper{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:18px 24px !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row{ margin:0 !important; }
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-first{ grid-column:1 !important; }
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-last{  grid-column:2 !important; }
.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide{ grid-column:1 / -1 !important; }

@media (max-width: 680px){
  .woocommerce-account .woocommerce-address-fields__field-wrapper{
    grid-template-columns:1fr !important; gap:14px !important;
  }
  .woocommerce-account .woocommerce-address-fields__field-wrapper
  .form-row-first,
  .woocommerce-account .woocommerce-address-fields__field-wrapper
  .form-row-last,
  .woocommerce-account .woocommerce-address-fields__field-wrapper
  .form-row-wide{ grid-column:1 / -1 !important; }
}

/* Inputs/textarea/select (reaproveita o visual acima) */
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select{
  width:100% !important; height:44px !important;
  border:1px solid var(--c-border) !important; border-radius:10px !important;
  padding:10px 14px !important; box-sizing:border-box !important;
  outline:none !important; background:#fff !important; color:var(--c-text) !important;
}
.woocommerce-account form .form-row textarea{ min-height:90px !important; }
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus{
  border-color:#cfd4da !important; box-shadow:0 0 0 3px rgba(0,0,0,.04) !important;
}

/* Select2 (País/Estado) */
.woocommerce-account .select2-container .select2-selection--single{
  height:44px !important; border:1px solid var(--c-border) !important;
  border-radius:10px !important; background:#fff !important;
}
.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__rendered{
  line-height:42px !important; padding:0 40px 0 12px !important; color:var(--c-text) !important;
}
.woocommerce-account .select2-container--default
.select2-selection--single .select2-selection__arrow{
  height:42px !important; right:10px !important;
}
.woocommerce-account .select2-dropdown{
  border:1px solid var(--c-border) !important; border-radius:10px !important; overflow:hidden;
}

/* Botão “Salvar endereços” */
.woocommerce-account .woocommerce-address-fields .button{
  height:44px !important; padding:0 18px !important; border-radius:10px !important; border:0 !important;
  background:var(--c-brand) !important; color:#fff !important; font-weight:800 !important; letter-spacing:.02em !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important; transition:transform .08s, filter .12s;
}
.woocommerce-account .woocommerce-address-fields .button:hover{
  transform:translateY(-1px); filter:brightness(1.06);
}
/* Botão de “mostrar senha” — sem quadrado preto */
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input{
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}