/* ==========================================
   CART SUMMARY UI
   ========================================== */
/* Sticky checkout bar */
.checkout-actions {
  position: sticky;
  top: 50px;              /* distance from top of viewport */
  z-index: 100;
  background: var(--color-black);       /* match your cart-summary background */
  padding: 10px 0;
  border-bottom: 1px solid var(--color-primary);
}
.sticky-left {
  position: sticky;
  top: 80px; /* match your header height */
  align-self: flex-start;
}
.row.align-items-start {
  align-items: flex-start;
}
.cart-summary {
  background: var(--color-black);
  padding: 32px;              /* was 20px */
  border-radius: 16px;        /* slightly rounder */
  border: 1px solid var(--color-primary);
  font-size: 1.05rem;         /* global size bump */
}

/* Table styling */
.cart-summary .table {
  color: #fff;
}

.cart-summary .table thead th {
  color: var(--color-primary);
  font-weight: 600;
  border-bottom: 1px solid var(--color-primary);
}

.cart-summary .table td {
  vertical-align: middle;
}

/* ==========================================
   PROCEED TO PAYMENT BUTTON
   Black background + pink text
   ========================================== */

.cart-summary .btn-primary {
  background-color: var(--color-success) !important;
  border: 2px solid var(--color-success-hover) !important;
  color: var(--color-text-on-dark) !important;
  font-weight: 600;
}

.cart-summary .btn-primary:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-black) !important;
}

/* ==========================================
   SAVE AS QUOTE BUTTON
   ========================================== */

.cart-summary .btn-secondary {
  background-color: var(--color-black) !important;
  border: 2px solid #555 !important;
  color: #ccc !important;
}

.cart-summary .btn-secondary:hover {
  background-color: #333 !important;
  color: #fff !important;
}

/* ==========================================
   OUTLINE BUTTONS (Delivery etc)
   ========================================== */

.cart-summary .btn-outline-primary {
  border: 2px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.cart-summary .btn-outline-primary:hover {
  background-color: var(--color-primary) !important;
  color: var(--color-black) !important;
}
/* ==========================================
   CART SUMMARY TABLE - WHITE PANEL
   ========================================== */

.cart-summary .table-responsive {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  overflow-x: auto;
  width: 100%;
}

.cart-summary .table {
  background-color: #fff !important;
  color: #000 !important;
}

.cart-summary .table thead th {
  background-color: #f8f9fa !important;
  color: #000 !important;
  font-weight: 600;
  border-bottom: 2px solid #dee2e6;
}

.cart-summary .table td {
  background-color: #fff !important;
  color: #000 !important;
}
/* Debug / session text inside cart summary */
.cart-summary .cart-debug-text {
  color: #fff !important;
  font-weight: 500;
}

/* Make rows breathe */
.cart-summary .table th,
.cart-summary .table td {
  padding: 0.9rem 1rem !important;
}

/* Slightly taller rows */
.cart-summary .table tbody tr {
  height: 56px;
}
/* Give numeric columns fixed width */
.cart-summary .table {
  table-layout: auto;
}

.cart-summary .table th,
.cart-summary .table td {
  white-space: nowrap;
}
/* Let first column breathe */
.cart-summary .table th:first-child,
.cart-summary .table td:first-child {
  min-width: 220px;
}

.cart-summary .table {
  border-collapse: separate;
  border-spacing: 0 8px;
}

.cart-summary .table tbody tr {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border-radius: 8px;
}
/* Prevent inputs from collapsing */
.qty-input {
  min-width: 70px;
}

.price-input {
  min-width: 100px;
}

/* Ensure numeric columns stay readable */
#cart-item-table td:nth-child(4),  /* Qty */
#cart-item-table td:nth-child(5) { /* Price */
  min-width: 90px;
}


/* =========================
   SUMMARY PANEL
========================= */

/* =========================
   SUMMARY PANEL (COMPACT MODE)
========================= */

.summary-panel {
  background: #fff;
  border-radius: 10px;
  padding: 12px;          /* 💥 was 30px */
  margin-top: 10px;       /* tighter */
}

.summary-section {
  margin-bottom: 10px;    /* was 20px */
}

.summary-title {
  font-weight: 600;
  margin-bottom: 6px;     /* was 12px */
  color: #333;
  font-size: 0.85rem;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;         /* 💥 was 16px (HUGE) */
  border-bottom: 1px solid #eee;
  font-size: 0.9rem;      /* was 1.05rem */
}

.summary-row:last-child {
  border-bottom: none;
}

.summary-label {
  font-weight: 500;
  color: #444;
  font-size: 0.85rem;
}

.summary-value {
  font-weight: 600;
  color: #000;
  font-size: 0.9rem;
  text-align: right;
}

.totals-section {
  border-top: 1px solid #ddd;
  padding-top: 6px;       /* was 15px */
}

.grand-total {
  font-size: 1.1rem;      /* 💥 was 1.8rem */
  font-weight: 700;
  border-top: 1px solid #ccc;
  padding-top: 8px;
  margin-top: 6px;
}

.return-row {
  color: #c0392b;
}
/* =========================
   DELETE PRODUCT BUTTON
========================= */

/* =========================
   CART DELETE BUTTON (APP STYLE)
========================= */

/* =========================
   CART DELETE BUTTON (APP MINIMAL)
========================= */

/* =========================
   CART DELETE BUTTON - RED BUBBLE
========================= */

#cart-item-table .btn-delete {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: #ff4d4d;
  color: #fff;
}

#cart-item-table .btn-delete:hover {
  background-color: #d93636;
  transform: translateY(-1px);
}

#cart-item-table .btn-delete:active {
  transform: scale(0.95);
}

/* If using inside dark public cart */
.public-cart-card .btn-delete {
  background-color: #ff4d4d;
}

/* =========================
   PUBLIC CART OVERRIDES
========================= */


.public-cart-card {
  background: #111;
  border: 1px solid var(--color-secondary);
  color: #fff;
}

.public-cart-card .card-header {
  background: #000;
  color: var(--color-secondary);
  border-bottom: 1px solid var(--color-secondary);
}

/* FORCE DARK TABLE ROWS IN PUBLIC CART */

.public-cart-card .table > :not(caption) > * > * {
  background-color: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}

.public-cart-card thead {
  background: #000 !important;
}

.public-cart-card th {
  color: #e70ba9 !important;
}

.public-cart-card td {
  color: #fff !important;
}

.public-cart-card .text-muted {
  color: #aaa !important;
}


.public-cart-card thead > tr > th {
  background-color: #000 !important;
  color: #e70ba9 !important;
  border-color: #e70ba9 !important;
}
.public-cart-card tbody tr {
  transition: background 0.2s ease;
}

.public-cart-card tbody tr:hover {
  background-color: #1a1a1a !important;
}
/* Strong override for public card header */

.public-cart-card > .card-header {
  background-color: #000 !important;
  color: #e70ba9 !important;
  border-bottom: 1px solid #e70ba9 !important;
}
.public-cart-card > .card-header h5 {
  color: #e70ba9 !important;
}