/* ============================================================
   cart-fix.css  —  اصلاح ظاهر سبد خرید (عین نمونه)
   این فایل بعد از style.css لود می‌شه و فقط سبد رو override می‌کنه.
   چیدمان: عکس سمت راست | اسم+مشخصات+قیمت وسط | دکمه حذف سمت چپ
   ============================================================ */

/* خود آیتم سبد */
.cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(20, 44, 78, 0.45);
  border: 1px solid rgba(110, 200, 255, 0.18);
  border-radius: 14px;
  padding: 12px 14px;
  transition: border-color .2s, background .2s;
}
.cart-item:hover {
  border-color: rgba(110, 200, 255, 0.4);
  background: rgba(24, 52, 90, 0.6);
}

/* --- عکس بازی: سمت راست (RTL -> order کم = راست) --- */
.cart-item-img {
  order: 1 !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 12px !important;
  background-size: cover !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(110, 200, 255, 0.25);
}
/* وقتی عکس نداره: آیکون دسته وسط چین */
.cart-item-img-empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  background: rgba(24, 52, 90, 0.5) !important;
}

/* --- اطلاعات: وسط (اسم بالا، مشخصات زیرش، قیمت پایین) --- */
.cart-item-info {
  order: 2 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  text-align: right !important;
  min-width: 0 !important;
}
.cart-item-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #f0f7ff !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}
.cart-item-meta {
  font-size: 12px !important;
  color: #8aa0b8 !important;
}
.cart-item-price {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--electric-bright) !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
}

/* --- دکمه حذف: سمت چپ (RTL -> order زیاد = چپ) --- */
.cart-item-del {
  order: 3 !important;
  background: none !important;
  border: none !important;
  color: #ff6b6b !important;
  cursor: pointer !important;
  line-height: 0 !important;
  padding: 6px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color .2s, transform .2s;
}
.cart-item-del:hover {
  color: #ff3b3b !important;
  transform: scale(1.12);
}
.cart-item-del svg { display: block; }