/* ==========================================================================
   cart-table.css — غلاف ورأس جدول السلة (Cart table — wrapper + header)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   الصفوف القابلة للتكرار في cart-item-row.css (ملف منفصل).
   WC-NOTE: cart/cart.php
   ========================================================================== */

.cart-table {
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

/* رأس الأعمدة (Column header): المنتج / السعر / الكمية / الإجمالي */
.cart-table__head {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr auto;
  gap: var(--space-16);
  align-items: center;
  padding: var(--space-16);
  border-block-end: var(--border-width) solid var(--color-border);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: var(--color-text-muted);
}

/* حاوية الصفوف (Body) */
.cart-table__body {
  display: flex;
  flex-direction: column;
}

/* إخفاء رأس الأعمدة على الجوال (تخطيط مكدّس) */
@media (max-width: 767px) {
  .cart-table__head {
    display: none;
  }
}