/* =============================================================================
   Cart – minimal layout + MSP brand accents
   Load AFTER msp_49_custom.css + cart-minimal.js
   ============================================================================= */

#cart_content.cart-items__list {
  --cart-brand: #1db4dd;
  --cart-border: #e5e5e5;
  --cart-muted: #888;
  --cart-text: #595b5d;
  --cart-radius: 10px;
  --cart-thumb: 200px;

  width: 100% !important;
  max-width: none !important;
 
  padding: 12px 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

/* Heading */
#cart_content .cart__items-heading_span {
  display: none;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

#cart_content .cart__items-heading_span .fa-hand-point-right,
#cart_content .cart__items-heading_span .mr-1 {

}

/* Subject groups */
#cart_content .cart-items__subject-block {
  margin-bottom: 16px;
}

#cart_content .cart-items__subject-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--cart-brand) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #969696 !important;
}



#cart_content .cart-items__subject-list {
  border: 1px solid var(--cart-border);
  border-top: none;
  border-radius: 0 0 var(--cart-radius) var(--cart-radius);
  overflow: hidden;
  background: transparent !important;
}

/* Subject on each row hidden – already shown in group header */
#cart_content .cart-items--grouped .cart-item__subject {
  display: none !important;
}

#cart_content:not(.cart-items--grouped) .cart-items__element {
  border: 1px solid var(--cart-border) !important;
  border-radius: var(--cart-radius);
  margin-bottom: 10px !important;
  overflow: hidden;
}

#cart_content .cart-items__element {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Cart item */
#cart_content .cart-item {
  display: grid !important;
  grid-template-columns: var(--cart-thumb) minmax(0, 1fr) auto auto;
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 4px;
  align-items: start;
  width: 100%;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--cart-border) !important;
  background: transparent !important;
  box-sizing: border-box;
}

#cart_content .cart-items__element:last-child .cart-item,
#cart_content .cart-items__subject-list .cart-items__element:last-child .cart-item {
  border-bottom: none !important;
}

#cart_content .cart-item__header,
#cart_content .cart-item__body,
#cart_content .cart-item__copies_cost {
  display: contents !important;
}

#cart_content .cart-item__index {
  display: none !important;
}

/* Thumbnail – large, no box */
#cart_content .cart-item__image {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  width: var(--cart-thumb);
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

#cart_content .cart-item__img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: var(--cart-thumb) !important;
  max-height: 150px !important;
  object-fit: contain !important;
  object-position: left center;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Product name */
#cart_content .cart-item__description {
  grid-column: 2 / 4;
  grid-row: 1;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px;
  padding-right: 12px;
}

#cart_content .cart-item__product {
  display: block;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--cart-text) !important;
}

/* Price – top right (desktop) */
#cart_content .cart-item__cost {
  grid-column: 4;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  white-space: nowrap;
}

/* Qty + buttons – bottom row */
#cart_content .cart-item__copies {
  grid-column: 3;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  display: inline-flex !important;
  align-items: center !important;
  height: 32px;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 1px solid var(--cart-border) !important;
  border-radius: 6px !important;
  background: transparent !important;
  font-size: 12px !important;
  color: var(--cart-text) !important;
  white-space: nowrap;
}

#cart_content .cart-item__copies::before {
  content: "Qty: ";
  color: var(--cart-brand);
  font-weight: 500;
}

#cart_content .cart-item__copies::after {
  content: "▾";
  margin-left: 4px;
  font-size: 10px;
  color: var(--cart-brand);
}

#cart_content .cart-item__buttons {
  grid-column: 4;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  display: flex !important;
  gap: 6px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#cart_content .cart-item__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#cart_content .cart-item__plus::before,
#cart_content .cart-item__minus::before,
#cart_content .cart-item__remove::before {
  display: none !important;
  content: none !important;
}

#cart_content .cart-item__plus {
  border: 1px solid var(--cart-brand) !important;
  color: var(--cart-brand) !important;
}

#cart_content .cart-item__minus,
#cart_content .cart-item__remove {
  border: 1px solid var(--cart-border) !important;
  color: #666 !important;
}

#cart_content .cart-item__remove {
  color: #c0392b !important;
}

#cart_content .cart-item__button_text,
#cart_content .cart-item__button .action-button__text,
#cart_content .cart-item__button .ml-1 {
  display: none !important;
}

#cart_content .cart-item__supplementaries:empty,
#cart_content .cart-item__supplementary_table:empty {
  display: none !important;
}
#cart_content .cart-items__subject-block {
    margin-top: 50px;
}
/* Desktop – full width, larger thumb */
@media screen and (min-width: 1024px) {
	.cart__empty{
	margin-top:30px !important;
}

#cart_content{
	margin-top:100px !important;
}

  #cart_content.cart-items__list {
    --cart-thumb: 220px;
    padding: 12px 8px !important;
  }

  #cart_content .cart-item {
    column-gap: 20px;
    padding: 16px 20px !important;
  }

  #cart_content .cart-item__img {
    max-height: 170px !important;
  }
}




/* Phone – product + price on same line */
@media screen and (max-width: 680px) {
  #cart_content.cart-items__list {
    --cart-thumb: 90px;
    padding: 8px 0 !important;
  }

  #cart_content .cart-item {
    grid-template-columns: var(--cart-thumb) minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 8px;
    padding: 10px 12px !important;
  }

  #cart_content .cart-item__image {
    grid-row: 1 / 3;
  }

  #cart_content .cart-item__img {
    max-width: var(--cart-thumb) !important;
    max-height: 90px !important;
  }

  /* Product left, price right – same row */
  #cart_content .cart-item__description {
    grid-column: 2;
    grid-row: 1;
    padding-right: 0;
  }

  #cart_content .cart-item__cost {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    font-size: 14px !important;
  }

  #cart_content .cart-item__copies {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }

  #cart_content .cart-item__buttons {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
  }
}