/* Wrapper */
.wh-table-wrapper { overflow-x: auto; margin-top: 16px; }

/* Table base */
.wh-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; }
.wh-table thead th { background: #f3f4f6; color: #111827; font-weight: 700; padding: 10px; border-bottom: 1px solid #e5e7eb; text-align: center; }
.wh-table tbody td { padding: 10px; border-bottom: 1px solid #f1f5f9; text-align: center; }
.wh-table tbody tr:last-child td { border-bottom: none; }

/* Thumbnail */
.wh-thumb { max-width: 64px; height: auto; border-radius: 6px; display: inline-block; }

/* Stock colors */
.wh-instock { color: #10b981; font-weight: 700; }
.wh-outofstock { color: #ef4444; font-weight: 700; }

/* Quantity input */
input.wh-qty { width: 70px; padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 6px; }

/* Single add button */
button.wh-add { background: #2563eb; color: #fff !important; border-radius: 6px; padding: 6px 12px; border: none; font-weight: 600; cursor: pointer; }
button.wh-add:hover { background: #1d4ed8; }

/* Login to see wholesale button */
a.button.wh-login-to-see { background: #fff; color: #2563eb !important; border: 1px solid #2563eb; border-radius: 6px; padding: 6px 10px; text-decoration: none; font-weight: 600; }
a.button.wh-login-to-see:hover { background: #2563eb; color: #fff !important; }

/* Bulk actions */
.wh-bulk-actions { display: flex; gap: 8px; margin-top: 12px; }
.button.wh-add-group { background: #f59e0b; color: #fff; border-radius: 6px; padding: 8px 14px; border: none; font-weight: 700; }
.button.wh-add-group:hover { background: #d97706; }
.button.wh-btn-outline { background: #fff; color: #2563eb; border-radius: 6px; padding: 8px 12px; border: 1px solid #2563eb; font-weight: 600; }

/* Pagination alignment */
.woocommerce-pagination.wh-pg { display: flex; justify-content: flex-end; margin: 20px 0; flex-wrap: wrap; }
.woocommerce-pagination.wh-pg a, .woocommerce-pagination.wh-pg span {
  display: inline-block; padding: 8px 12px; margin-inline: 4px; border-radius: 6px;
  background: #f3f4f6; color: #2563eb; border: 1px solid #e5e7eb; text-decoration: none; font-weight: 600; transition: .2s;
}
.woocommerce-pagination.wh-pg a:hover { background: #2563eb; color: #fff; border-color: #2563eb; }
.woocommerce-pagination.wh-pg .current { background: #10b981; color: #fff; border-color: #10b981; }

/* Filters */
.wh-filter { margin-bottom: 16px; }
.wh-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; }
.wh-filter-item label { display: block; font-weight: 600; margin-bottom: 6px; }
.wh-filter-item input[type="number"], .wh-filter-item select { width: 100%; padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; }
.wh-filter-check label { display: inline-flex; align-items: center; gap: 8px; }
.wh-filter-actions { display: flex; gap: 8px; }
.button.wh-btn { background: #2563eb; color: #fff; border-radius: 6px; padding: 8px 12px; border: none; font-weight: 600; }

/* Responsive */
@media (max-width: 1024px) { .wh-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .wh-filter-grid { grid-template-columns: 1fr; }
  .wh-table thead { display: none; }
  .wh-table, .wh-table tbody, .wh-table tr, .wh-table td { display: block; width: 100%; text-align: right; }
  .wh-table tr { border-bottom: 1px solid #e5e7eb; padding: 8px 0; }
  .wh-table td { padding: 6px 8px; }
  .wh-thumb { max-width: 56px; }
  .woocommerce-pagination.wh-pg { justify-content: center; }
}