/* ============================================================
   Seivee · wishlist.css
   CSS da página /wishlist/ — shell Seivee + re-skin da tabela
   gerada por [ti_wishlistsview] do TI WooCommerce Wishlist.
   Carregado em is_page('wishlist') via functions.php.
   Depende das variáveis :root do tema (--vinho, --rosado, --muted, --offwhite,
   --f-titulo, --f-corpo, --f-poetico, --fs-*).
   ============================================================ */

/* ---------- SHELL DA PÁGINA ---------- */
.seivee-wishlist-page{
  background:var(--offwhite);
  padding:96px var(--sp-card-sm) var(--sp-secao-md);
}
.wishlist-shell{
  max-width:1080px; margin:0 auto;
}

/* ---------- CABEÇALHO SEIVEE ---------- */
.wishlist-cabecalho{
  text-align:left; margin-bottom:48px;
}
.wishlist-eyebrow{
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.3em; text-transform:uppercase;
  color:var(--muted); margin:0 0 16px;
}
.wishlist-titulo{
  font-family:var(--f-titulo); font-weight:400;
  font-size:var(--fs-titulo); letter-spacing:0.02em;
  color:var(--vinho); margin:0 0 16px; line-height:1.1;
}
.wishlist-intro{
  font-family:var(--f-poetico); font-weight:400;
  font-size:var(--fs-h-md); letter-spacing:0.01em;
  color:var(--vinho); margin:0; max-width:520px;
}

/* ---------- ESCONDE O TÍTULO DO PLUGIN ---------- */
.wishlist-corpo .tinv-header,
.wishlist-corpo .tinv-wishlist .tinv-header h2{ display:none; }

/* ---------- ESTADO VAZIO ---------- */
.wishlist-corpo .cart-empty.woocommerce-info{
  font-family:var(--f-poetico); font-weight:400;
  font-size:var(--fs-h-md); color:var(--vinho);
  background:transparent; border:none; padding:40px 0; margin:0;
  text-align:center;
}
.wishlist-corpo .cart-empty.woocommerce-info::before{ display:none; }
.wishlist-corpo .return-to-shop{ text-align:center; margin:24px 0 0; }
.wishlist-corpo .return-to-shop .button{
  display:inline-block; padding:14px 36px;
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.22em; text-transform:uppercase;
  background:var(--vinho); color:var(--offwhite);
  border:none; transition:background .35s, letter-spacing .35s;
  text-decoration:none;
}
.wishlist-corpo .return-to-shop .button:hover{ background:var(--rosado); }

/* ---------- TABELA (DESKTOP) ---------- */
.wishlist-corpo .tinv-wishlist{ margin:0; padding:0; background:transparent; }
.wishlist-corpo .tinv-wishlist form{ margin:0; padding:0; }
.wishlist-corpo .tinvwl-table-manage-list{
  width:100%; border-collapse:collapse; background:transparent;
}
.wishlist-corpo .tinvwl-table-manage-list thead th{
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.22em; text-transform:uppercase;
  color:var(--muted);
  text-align:left; padding:16px 12px;
  border-bottom:1px solid rgba(196,155,162,0.25);
  background:transparent;
}
.wishlist-corpo .tinvwl-table-manage-list tbody td{
  font-family:var(--f-corpo);
  font-size:var(--fs-corpo-sm); color:var(--text);
  padding:24px 12px;
  border-bottom:1px solid rgba(196,155,162,0.15);
  background:transparent; vertical-align:middle;
}

/* ---------- ESCONDE COLUNAS BULK + DATA (desktop e mobile) ----------
   .product-cb (checkbox bulk) e .product-date (data adicionada) saem;
   tfoot inteiro (select bulk + botão Apply) também — toggle limpo. */
.wishlist-corpo .tinvwl-table-manage-list .product-cb,
.wishlist-corpo .tinvwl-table-manage-list .product-date,
.wishlist-corpo .tinvwl-table-manage-list tfoot{ display:none; }

/* ---------- THUMBNAIL ---------- */
.wishlist-corpo .tinvwl-table-manage-list .product-thumbnail{ width:96px; }
.wishlist-corpo .tinvwl-table-manage-list .product-thumbnail img{
  width:80px; height:80px; object-fit:cover;
  border-radius:4px; background:#f3ebe5;
}

/* ---------- NOME DO PRODUTO ---------- */
.wishlist-corpo .tinvwl-table-manage-list .product-name a{
  font-family:var(--f-titulo); font-weight:400;
  font-size:var(--fs-h-sm); color:var(--vinho);
  text-decoration:none; transition:color .25s;
}
.wishlist-corpo .tinvwl-table-manage-list .product-name a:hover{ color:var(--rosado); }

/* ---------- PREÇO ---------- */
.wishlist-corpo .tinvwl-table-manage-list .product-price,
.wishlist-corpo .tinvwl-table-manage-list .product-price .amount,
.wishlist-corpo .tinvwl-table-manage-list .product-price bdi{
  font-family:var(--f-corpo); font-size:var(--fs-corpo-sm);
  color:var(--vinho); font-variant-numeric:tabular-nums;
}

/* ---------- PILL ESTOQUE (espelha .seivee-pedido-status do account.css) ---------- */
.wishlist-corpo .tinvwl-table-manage-list .product-stock p.stock{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 14px;
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.18em; text-transform:uppercase;
  border:1px solid currentColor;
  border-radius:999px; line-height:1; white-space:nowrap;
  margin:0; background:transparent;
}
.wishlist-corpo .tinvwl-table-manage-list .product-stock p.in-stock{ color:#5d7a3a; }
.wishlist-corpo .tinvwl-table-manage-list .product-stock p.out-of-stock{ color:var(--muted); }

/* SVG check substitui ftinvwl-check da webfont do plugin (defensivo, igual Bloco A) */
.wishlist-corpo .tinvwl-table-manage-list .product-stock p.stock i.ftinvwl{
  display:inline-block; width:12px; height:12px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 12l4 4 10-10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 12l4 4 10-10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
}
.wishlist-corpo .tinvwl-table-manage-list .product-stock p.stock i.ftinvwl::before{ content:none; }

/* ---------- BOTÃO ADICIONAR AO CARRINHO (outline rosado → vinho) ---------- */
.wishlist-corpo .tinvwl-table-manage-list .product-action button[name=tinvwl-add-to-cart]{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px;
  font-family:var(--f-corpo); font-weight:400;
  font-size:var(--fs-eyebrow); letter-spacing:0.22em; text-transform:uppercase;
  background:transparent; color:var(--muted);
  border:1px solid rgba(196,155,162,0.25); transition:all .3s;
  cursor:pointer; white-space:nowrap;
}
.wishlist-corpo .tinvwl-table-manage-list .product-action button[name=tinvwl-add-to-cart]:hover{
  border-color:var(--vinho); color:var(--vinho);
}
.wishlist-corpo .tinvwl-table-manage-list .product-action button[name=tinvwl-add-to-cart] i.ftinvwl{
  display:inline-block; width:14px; height:14px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z' stroke='black' stroke-width='1.5'/><line x1='3' y1='6' x2='21' y2='6' stroke='black' stroke-width='1.5'/><path d='M16 10a4 4 0 01-8 0' stroke='black' stroke-width='1.5'/></svg>") no-repeat center / contain;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z' stroke='black' stroke-width='1.5'/><line x1='3' y1='6' x2='21' y2='6' stroke='black' stroke-width='1.5'/><path d='M16 10a4 4 0 01-8 0' stroke='black' stroke-width='1.5'/></svg>") no-repeat center / contain;
}
.wishlist-corpo .tinvwl-table-manage-list .product-action button[name=tinvwl-add-to-cart] i.ftinvwl::before{ content:none; }

/* ---------- BOTÃO REMOVER (X minimal) ----------
   Sobrescreve o display:none que o public.css do plugin impõe a .product-remove
   no mobile — queremos o X visível também no card mobile. */
.wishlist-corpo .tinvwl-table-manage-list .product-remove{
  width:48px; text-align:center;
}
.wishlist-corpo .tinvwl-table-manage-list .product-remove button[name=tinvwl-remove]{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; padding:0;
  background:transparent; border:none; cursor:pointer;
  color:var(--muted); transition:color .3s;
}
.wishlist-corpo .tinvwl-table-manage-list .product-remove button[name=tinvwl-remove]:hover{
  color:var(--vinho);
}
.wishlist-corpo .tinvwl-table-manage-list .product-remove button[name=tinvwl-remove] i.ftinvwl{
  display:inline-block; width:14px; height:14px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><line x1='6' y1='6' x2='18' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/><line x1='18' y1='6' x2='6' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat center / contain;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><line x1='6' y1='6' x2='18' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/><line x1='18' y1='6' x2='6' y2='18' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat center / contain;
}
.wishlist-corpo .tinvwl-table-manage-list .product-remove button[name=tinvwl-remove] i.ftinvwl::before{ content:none; }

/* ---------- MOBILE (≤599px): card grid horizontal ----------
   Substitui o stack vertical centralizado nativo do TI (public.css linhas
   564-615) por um card horizontal: thumbnail 80px à esquerda, conteúdo
   empilhado à direita, X no canto direito. Coerente com .seivee-endereco-card
   no my-account. */
@media (max-width:599px){
  .seivee-wishlist-page{ padding:72px 20px var(--sp-secao-md); }
  .wishlist-cabecalho{ margin-bottom:32px; }

  /* Thead some: cards mobile não precisam de cabeçalho */
  .wishlist-corpo .tinvwl-table-manage-list thead{ display:none; }
  .wishlist-corpo .tinvwl-table-manage-list tbody{ display:block; }

  /* Cada item vira um card grid 3 colunas (thumb / conteúdo / remove) */
  .wishlist-corpo .tinvwl-table-manage-list tbody .wishlist_item{
    display:grid;
    grid-template-columns:80px 1fr auto;
    grid-template-areas:
      "img name remove"
      "img price remove"
      "img stock remove"
      "img action remove";
    column-gap:16px; row-gap:8px;
    padding:20px 0;
    border-bottom:1px solid rgba(196,155,162,0.15);
  }

  /* Anula stack vertical do TI: td vira bloco esquerda-alinhado, sem border.
     :not() preserva display:none nas colunas escondidas (.product-cb, .product-date). */
  .wishlist-corpo .tinvwl-table-manage-list tbody td:not(.product-cb):not(.product-date){
    display:block !important; width:auto !important; text-align:left !important;
    padding:0; border:none;
  }

  .wishlist-corpo .tinvwl-table-manage-list .product-thumbnail{ grid-area:img; width:80px; }
  .wishlist-corpo .tinvwl-table-manage-list .product-thumbnail img{
    width:80px; height:80px; max-width:80px !important; margin:0;
  }
  .wishlist-corpo .tinvwl-table-manage-list .product-name{ grid-area:name; align-self:start; }
  .wishlist-corpo .tinvwl-table-manage-list .product-name a{ font-size:var(--fs-corpo); }
  .wishlist-corpo .tinvwl-table-manage-list .product-price{ grid-area:price; }
  .wishlist-corpo .tinvwl-table-manage-list .product-stock{ grid-area:stock; }
  .wishlist-corpo .tinvwl-table-manage-list .product-stock p.stock{ margin:0; }
  .wishlist-corpo .tinvwl-table-manage-list .product-action{ grid-area:action; align-self:end; }
  .wishlist-corpo .tinvwl-table-manage-list .product-action button[name=tinvwl-add-to-cart]{
    padding:10px 16px; font-size:9px;
  }
  .wishlist-corpo .tinvwl-table-manage-list .product-remove{
    grid-area:remove; width:auto; align-self:start; justify-self:end;
  }
  .wishlist-corpo .tinvwl-table-manage-list .product-remove button[name=tinvwl-remove]{
    width:28px; height:28px;
  }
}