/* UX: TI WooCommerce Wishlist – enhanced saved list styles (scoped) */
/* Scope to wishlist root container */
.tinv-wishlist.woocommerce {
  --mg-brand: #ad0000;
}
.tinv-wishlist .tinvwl-table-manage-list{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 24px -10px rgba(0,0,0,.12);
}
.tinv-wishlist .tinvwl-table-manage-list thead th{
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  color:#374151;
  font-weight:700;
  font-size:13px;
  padding:14px 16px;
  border-bottom:1px solid #eef2f7;
}
.tinv-wishlist .tinvwl-table-manage-list tbody tr{
  transition:background .25s, transform .15s;
}
.tinv-wishlist .tinvwl-table-manage-list tbody tr:hover{
  background:#fafafa;
}
.tinv-wishlist .tinvwl-table-manage-list td{
  padding:14px 16px;
  vertical-align:middle;
  border-bottom:1px solid #f1f5f9;
  font-size:13px;
}
.tinv-wishlist .tinvwl-table-manage-list tr:last-child td{border-bottom:0}
.tinv-wishlist .tinvwl-table-manage-list td.product-thumbnail img{
  border-radius:12px;
  box-shadow:0 6px 18px -10px rgba(0,0,0,.2);
}
.tinv-wishlist .tinvwl-table-manage-list td.product-name a{
  color:#111827;
  text-decoration:none;
  font-weight:700;
}
.tinv-wishlist .tinvwl-table-manage-list td.product-name a:hover{
  color:var(--mg-brand);
}
/* Remove icon button */
.tinv-wishlist .tinvwl-table-manage-list .product-remove button{
  background:#fee2e2;
  color:#b91c1c;
  border:none;
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;cursor:pointer;
  transition:.25s;box-shadow:0 2px 6px -2px rgba(0,0,0,.15);
}
.tinv-wishlist .tinvwl-table-manage-list .product-remove button:hover{
  transform:translateY(-2px);
  background:#fecaca;
}
/* Add to cart button */
.tinv-wishlist .tinvwl-table-manage-list .product-action .button{
  background:linear-gradient(135deg,var(--mg-brand),#d70000);
  color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;font-size:12px;
  display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 8px 18px -8px rgba(173,0,0,.6);
  transition:.3s;
}
.tinv-wishlist .tinvwl-table-manage-list .product-action .button:hover{filter:brightness(1.05);transform:translateY(-2px)}
/* Stock pill */
.tinv-wishlist .tinvwl-table-manage-list .product-stock p.stock{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;
  background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;
}
.tinv-wishlist .tinvwl-table-manage-list .product-stock p.stock.out-of-stock{
  background:#fef2f2;color:#991b1b;border-color:#fecaca;
}
/* Footer nav (pagination, share, etc.) */
.tinv-wishlist .tinv-lists-nav{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;
}
/* Flatsome tone adjustments to better blend */
.tinv-wishlist .button.primary{background:linear-gradient(135deg,var(--mg-brand),#c40000)}
.tinv-wishlist .button.primary:hover{filter:brightness(1.05)}
.tinv-wishlist .button.plain.icon{background:#f3f4f6;color:#6b7280;border-radius:10px}
.tinv-wishlist .button.plain.icon:hover{background:#e5e7eb;color:#111827}

/* Optional: row as card look on wide screens */
@media (min-width: 992px){
  .tinv-wishlist .tinvwl-table-manage-list tbody tr{background:#fff}
}

/* Mobile tweaks */
@media (max-width: 768px){
  .tinv-wishlist .tinvwl-table-manage-list thead{display:none}
  .tinv-wishlist .tinvwl-table-manage-list tr{display:block;border-radius:16px;margin:12px 0;box-shadow:0 10px 25px -12px rgba(0,0,0,.15);overflow:hidden;border:1px solid #eef2f7}
  .tinv-wishlist .tinvwl-table-manage-list td{display:flex;justify-content:space-between;gap:10px;background:#fff}
  .tinv-wishlist .tinvwl-table-manage-list td.product-thumbnail{justify-content:flex-start}
  .tinv-wishlist .tinvwl-table-manage-list td.product-name{flex-direction:column;align-items:flex-start}
  .tinv-wishlist .tinvwl-table-manage-list .product-action{padding-top:8px}
}

/* Grid option for future (hook with mg-wishlist modifier) */
.mg-wishlist .mg-wishlist-table{width:100%}
.mg-wishlist .mg-wishlist-row{--pad:16px}

/* RTL-friendly spacing */
[dir="rtl"] .tinv-wishlist .tinvwl-table-manage-list td{font-size:14px}
[dir="rtl"] .tinv-wishlist .tinvwl-table-manage-list .product-action .button{flex-direction:row-reverse}