/* cart.css — professional cart styles */
.cart-page {
  max-width: 980px;
  margin: 28px auto;
  padding: 16px;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  color: #111827;
}

.cart-notice {
  background:#e6fffa; color:#0b5544; padding:10px 14px; border-radius:8px; margin-bottom:14px; border:1px solid #c6f6e8;
}

.cart-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 18px;
}

.cart-left {
  background:#fff; padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(10,10,20,0.06);
}

.cart-right {
  background:#fff; padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(10,10,20,0.06);
  height: fit-content;
}

.cart-table { width:100%; border-collapse:collapse; }
.cart-table th { text-align:left; padding:10px 8px; color:#374151; font-weight:600; border-bottom:1px solid #eef2f7; }
.cart-table td { padding:12px 8px; border-bottom:1px solid #f3f4f6; vertical-align:middle; }

.remove-btn { background:#ef4444; color:#fff; padding:6px 10px; border-radius:6px; text-decoration:none; display:inline-block; }
.remove-btn:hover { filter:brightness(0.95); }

.coupon-form {
  display:flex;
  gap:8px;
  margin-top:10px;
  align-items: center;
}

.coupon-form input[type="text"] {
  flex:1;
  padding:10px 12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  font-size:0.95rem;
  box-sizing: border-box;
}

.coupon-form button {
  padding:10px 14px;
  border-radius:8px;
  background:#2563eb; /* blue */
  color:#fff;
  border:0;
  cursor:pointer;
  font-weight:600;
  white-space:nowrap;
  height:48px;            /* ensures same visual height as input */
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.summary-row { display:flex; justify-content:space-between; padding:8px 0; font-size:0.98rem; color:#374151; }
.summary-row.total { font-weight:800; font-size:1.12rem; margin-top:6px; }

.checkout-btn { display:block; width:100%; padding:12px; background:#b91c1c; color:#fff; border-radius:8px; border:0; font-weight:700; cursor:pointer; margin-top:12px; }
.continue-btn { display:inline-block; padding:8px 12px; border-radius:8px; background:#374151; color:#fff; text-decoration:none; }

.alert-success { background:#ecfdf5; color:#065f46; padding:8px 12px; border-radius:6px; margin-bottom:10px; }
.alert-error { background:#fff1f2; color:#831843; padding:8px 12px; border-radius:6px; margin-bottom:10px; }

.muted { color:#6b7280; font-size:0.95rem; }

@media (max-width:900px){
  .cart-grid { grid-template-columns: 1fr; }
  .cart-right { order:2; }
  .cart-left { order:1; }
}

.cart-table td:first-child,
.cart-table th:first-child {
  width: 56px;
  text-align: center;
}

.cart-index {
  display:inline-block;
  min-width:28px;
  height:28px;
  line-height:28px;
  border-radius:50%;
  background:#f3f4f6;
  color:#111827;
  text-align:center;
  font-weight:700;
}

/* cart badge in menu */
.cart-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 20px;
  height: 20px;

  margin-left: 6px;
  padding: 0 6px;

  background: #fff;            /* White background */
  color: #d32f2f;              /* Red text for contrast */
  font-weight: 700;
  font-size: 12px;

  border-radius: 50%;          /* Circle shape */
  box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* subtle shadow */
  vertical-align: middle;
}