/* ============================================================
   ITALY-SHOP — Cart Mobile Redesign  v4
   Status: DRAFT / testing
   Scope: mobile only (@media max-width: 767px), global rules at top

   Card layout — CSS Grid, 3 columns:
   [90px image] [1fr content] [auto qty]

   Row 1: image (span 3 rows) | name (span cols 2-3)
   Row 2:                       params (span cols 2-3)
   Row 3:                       price (col 2) | stepper (col 3)
   ============================================================ */


/* ============================================================
   MOBILE ONLY
   ============================================================ */

@media (max-width: 767px) {

/* WIDTH CONTAINMENT, .hidden-on-mobile, .cart-item__titles
   — moved to italy-shop.css (BLOCK 7 Step 1.1) */


/* PRODUCT CARD layout (li.cart-item__products grid + image + name + params +
   counter + price + total + actions) — moved to italy-shop.css (BLOCK 7 Step 1.3),
   now scoped to body.mn-cart-page. */


/* ----------------------------------------------------------
   FOOTER: Coupon, Delivery, Summary, PDF, Buttons
   ---------------------------------------------------------- */

.cart-footer-container.__row {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
}

.cart-footer-container.__col {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* Section headers, summary, coupon — moved to italy-shop.css
   (BLOCK 7 Step 1.4 + Step 1.5), now scoped to body.mn-cart-page. */

/* "Darmowa dostawa!" — prominent CTA badge */
.cart-footer-container.__col._delivery {
  padding: 0 !important;
}

.free-delivery {
  display: block !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #2d6644 !important;
  text-align: center !important;
  background: #e8f3ec !important;
  border: 1px solid #a8d0b8 !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  margin: 0 !important;
}

.free-delivery::before {
  content: '✓  ' !important;
  font-weight: 700 !important;
}

.cart-upper.strong.special.free-delivery,
span.cart-upper.strong.special.free-delivery {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Summary block */
.cart-footer-container.__col._summary .cart-table-content {
  border-top: 1px solid #e8ddd0 !important;
  padding: 8px 0 4px !important;
  margin: 0 !important;
}


/* Summary rows: label left, value right */
.cart-footer-container.__col._summary .row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 3px 0 !important;
  margin: 0 !important;
}

.cart-footer-container.__col._summary .row .col-xs-6:first-child {
  flex: 1 !important;
  float: none !important;
  padding: 0 !important;
  text-align: left !important;
}

.cart-footer-container.__col._summary .row .col-xs-6:last-child {
  flex: 0 0 auto !important;
  float: none !important;
  padding: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.cart-upper {
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6b5340 !important;
}

.cart-upper.strong {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2a1f14 !important;
}

/* Total "Suma" — gold, larger */
.cart-upper.strong.special {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #8b6f47 !important;
}

/* PDF link — muted */
.cart-print-pdf {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 4px 0 0 0 !important;
  text-decoration: none !important;
  color: #c4a882 !important;
  font-family: 'Jost', Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

.cart-print-pdf .fa-file-pdf-o {
  color: #c4a882 !important;
  font-size: 13px !important;
}

/* Buttons row */
.cart-footer-container.__row.cart_final_order {
  margin-top: 6px !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.cart_final_order > a.btn-primary,
.cart_final_order form,
.cart_final_order form button {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

} /* end @media (max-width: 767px) */