/* ── Matter Customizer — Cart / Mini-cart  v1.7.0 ─────────────────────────
   Enqueued globally (every frontend page) so mini-cart thumbnails render
   correctly even when product-page.css is not loaded.
─────────────────────────────────────────────────────────────────────────── */

/* Thumbnail row — flex, left-aligned, small gap */
.mc-cart-thumbs {
  display:   flex !important;
  flex-wrap: wrap !important;
  gap:       .4rem !important;
  margin-top:.3rem !important;
}

.mc-cart-thumb-wrap {
  display:        flex !important;
  flex-direction: column !important;
  align-items:    flex-start !important;
  gap:            .15rem !important;
}

/* The preview image — fixed width, natural height, never stretch */
.mc-cart-thumbs .mc-cart-thumb,
.mc-cart-thumb-wrap .mc-cart-thumb {
  display:       block !important;
  width:         72px !important;
  max-width:     72px !important;
  height:        auto !important;
  max-height:    96px !important;
  object-fit:    contain !important;
  object-position: center !important;
  border-radius: 12px !important;
  border:        1px solid #ebebeb !important;
  background:    #f9f9f9 !important;
  /* Prevent any parent flexbox from stretching it */
  flex-shrink:   0 !important;
  flex-grow:     0 !important;
  align-self:    flex-start !important;
}

/* Labels */
.mc-cart-thumb-label {
  display:     block;
  font-size:   clamp(0.67rem, 0.66667rem + 0.00000vw, 0.67rem);
  color:       #888888;
  line-height: 1.2;
}

.mc-cart-thumb-price {
  display:     block;
  font-size:   clamp(0.67rem, 0.66667rem + 0.00000vw, 0.67rem);
  color:       #4a7259;
  font-weight: 600;
  line-height: 1.2;
}

.mc-cart-thumb-price--free {
  color: #888;
  font-weight: 400;
}

/* Editar Design link */
.mc-cart-edit-wrap {
  margin-top: .2rem;
}
.mc-cart-edit-btn {
  display:         inline-block;
  font-size:       clamp(0.67rem, 0.66667rem + 0.00000vw, 0.67rem);
  font-weight:     500;
  color:           #4a7259 !important;
  text-decoration: underline !important;
  cursor:          pointer;
  line-height:     1.3;
}
.mc-cart-edit-btn:hover {
  color: #3a5a47 !important;
}

/* Technique one-time fee line in mini cart */
.mc-cart-tech-fee {
  display:        flex;
  flex-direction: column;
  align-items:    flex-start;
  gap:            .1rem;
  margin-top:     .15rem;
  padding-top:    .25rem;
  border-top:     1px dashed #ebebeb;
  width:          100%;
}