/* Cart Page Styles */

/* Quantity picker — Option B: Brand Color Accent */
.cart-qty-picker {
  width: 120px; display: flex; justify-content: center; align-items: center;
  gap: 0;
}
.cart-qty-picker-sm { width: auto; }

button.cart-qty-btn {
  width: 32px; height: 32px; border: none; display: flex;
  align-items: center; justify-content: center; color: white;
  background: #13b6ec; cursor: pointer; padding: 0; outline: none;
  -webkit-appearance: none; appearance: none;
  transition: background-color 0.2s, transform 0.1s;
}
button.cart-qty-btn:hover { background: #0ea5d9; }
button.cart-qty-btn:active { background: #0991c2; transform: scale(0.92); }

button.cart-qty-minus { border-radius: 8px 0 0 8px; }
button.cart-qty-plus { border-radius: 0 8px 8px 0; }

.cart-qty-value {
  width: 40px; height: 32px; display: flex; align-items: center; justify-content: center;
  border-top: 1.5px solid #13b6ec; border-bottom: 1.5px solid #13b6ec;
  font-family: Inter, sans-serif; font-size: 14px; font-weight: 700;
  color: #0F172A; background: white; user-select: none;
}

/* Small qty picker (mobile) */
.cart-qty-picker-sm button.cart-qty-btn { width: 28px; height: 28px; }
.cart-qty-picker-sm .cart-qty-value { width: 34px; height: 28px; font-size: 13px; }

/* Delete button */
button.cart-del-btn {
  border: none; background: none; cursor: pointer; padding: 0;
  outline: none; -webkit-appearance: none; appearance: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: 6px; color: #EF4444;
}

/* Mobile cart items */
.cart-mobile-item { display: flex; flex-direction: column; }
@media (min-width: 1024px) { .cart-mobile-item { display: none; } }

/* Page title responsive */
.cart-page-title {
  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px;
  font-weight: 700; color: #0F172A; margin: 0;
}
@media (min-width: 1024px) { .cart-page-title { font-size: 28px; font-weight: 800; } }

.cart-page-subtitle {
  font-family: Inter, sans-serif; font-size: 13px;
  color: #64748B; margin: 4px 0 0;
}
@media (min-width: 1024px) { .cart-page-subtitle { font-size: 15px; margin-top: 8px; } }

/* Summary card */
.cart-summary-col { width: 100%; }
@media (min-width: 1024px) { .cart-summary-col { width: 35%; max-width: 420px; flex-shrink: 0; } }

.cart-summary-card {
  background: transparent; border: none; border-radius: 0;
  border-top: 1px solid #E2E8F0;
  display: flex; flex-direction: column; padding: 16px 0; gap: 16px;
}
@media (min-width: 1024px) {
  .cart-summary-card {
    background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px;
    padding: 28px; gap: 20px;
  }
}

/* Coupon button */
.cart-coupon-btn {
  height: 40px; padding: 0 16px; border-radius: 8px; background: #0a2540;
  border: none; color: white; font-size: 13px; font-weight: 600;
  cursor: pointer; white-space: nowrap; font-family: Inter, sans-serif;
}
@media (min-width: 1024px) {
  .cart-coupon-btn { background: white; border: 1px solid #13b6ec; color: #13b6ec; font-size: 14px; }
}

/* Coupon input */
.cart-coupon-input {
  flex: 1; height: 40px; padding: 0 12px; border-radius: 8px;
  border: 1px solid #E2E8F0; font-size: 13px; outline: none;
  background: white; font-family: Inter, sans-serif;
}
@media (min-width: 1024px) { .cart-coupon-input { border-color: #CBD5E1; font-size: 14px; } }

/* Total display */
.cart-total-label { font-family: Inter, sans-serif; font-size: 15px; font-weight: 700; color: #0F172A; }
.cart-total-value { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px; font-weight: 800; color: #13b6ec; }
@media (min-width: 1024px) { .cart-total-value { font-size: 22px; } }

/* Continue link */
.cart-continue { font-size: 13px; }
@media (min-width: 1024px) { .cart-continue { font-size: 14px; } }

/* Discount value — green on desktop, red on mobile */
.cart-discount-val { font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; color: #EF4444; }
@media (min-width: 1024px) { .cart-discount-val { color: #10B981; } }

/* Mobile suggestion cards */
.cart-mobile-suggestions { display: flex; flex-direction: column; gap: 12px; }
@media (min-width: 1024px) { .cart-mobile-suggestions { display: none; } }

/* Sticky CTA mobile */
.cart-sticky-cta {
  display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
  background: white; border-top: 1px solid #E2E8F0; padding: 12px 16px;
  gap: 12px; align-items: center;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
}
@media (min-width: 1024px) { .cart-sticky-cta { display: none; } }

/* Suggested product add-to-cart button */
button.cart-add-quick-btn {
  border: none; background: none; cursor: pointer; padding: 4px;
  outline: none; -webkit-appearance: none; appearance: none;
  display: flex; align-items: center; justify-content: center;
  border-radius: 6px; color: #13b6ec;
  transition: background-color 0.15s;
}
button.cart-add-quick-btn:hover { background: #F0F9FF; }

/* Free delivery badge */
.cart-delivery-badge {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 16px; background: #EFF6FF; border: 1px solid #BFDBFE;
  border-radius: 8px; font-family: Inter, sans-serif; font-size: 13px;
  font-weight: 500; color: #1E40AF;
}

/* Table wrapper — no border on mobile, light border on desktop */
.cart-table-wrap { border: none; }
@media (min-width: 1024px) {
  .cart-table-wrap {
    border: 1px solid #E2E8F0; border-radius: 12px; overflow: hidden;
  }
}

/* Trust signals bar — soft border */
.cart-trust-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 16px; padding: 12px 16px; background: #F0FDF4;
  border-radius: 12px; border: 1px solid #D1FAE5;
}
@media (min-width: 1024px) { .cart-trust-bar { gap: 32px; } }