/* MinMindesten Designer 3 - cart preview.
   Restore a large desktop preview while leaving the remaining WooCommerce columns alone. */
@media (min-width: 769px) {
  body.woocommerce-cart table.shop_table.cart td.product-thumbnail {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.woocommerce-cart table.shop_table.cart td.product-thumbnail > a {
    display: block !important;
    width: 340px !important;
    max-width: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-cart table.shop_table.cart td.product-thumbnail img.mmd3-cart-thumb {
    display: block !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  body.woocommerce-cart table.shop_table.cart td.product-name {
    padding-left: 18px !important;
  }
}

@media (max-width: 768px) {
  body.woocommerce-cart td.product-thumbnail img.mmd3-cart-thumb {
    display: block !important;
    width: 160px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* v1.4.16 - rabatkode i kurven (markup fra MMD3_Cart::coupon_box via woocommerce_cart_coupon) */
body.woocommerce-cart .woocommerce-cart-form td.actions .coupon {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  max-width: 520px;
  margin-bottom: 14px;
  text-align: left;
}
body.woocommerce-cart .woocommerce-cart-form td.actions .coupon .mmd3-coupon-applied { order: -2; flex: 1 1 100%; }
body.woocommerce-cart .woocommerce-cart-form td.actions .coupon .mmd3-coupon-head { order: -1; flex: 1 1 100%; }
.mmd3-coupon-head { display: block; margin: 2px 0 0; color: #292725; font-size: 16px; font-weight: 600; line-height: 1.3; }
body.woocommerce-cart .coupon #coupon_code,
body.woocommerce-cart .coupon input[name="coupon_code"] {
  flex: 1 1 200px;
  width: auto !important;
  min-width: 0;
  min-height: 48px;
  margin: 0 !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid #d9b44a !important;
  border-radius: 8px !important;
  color: #222 !important;
  font-size: 16px !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
body.woocommerce-cart .coupon #coupon_code:focus,
body.woocommerce-cart .coupon input[name="coupon_code"]:focus { outline: 2px solid #f6e9a9; outline-offset: 1px; border-color: #b8952f !important; }
body.woocommerce-cart .coupon #coupon_code::placeholder,
body.woocommerce-cart .coupon input[name="coupon_code"]::placeholder { color:#6d6862 !important; opacity:1; }
body.woocommerce-cart .woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] { flex: 0 0 auto; margin: 0 !important; white-space: nowrap; }
.mmd3-coupon-applied {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2px 16px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #9fc7a9;
  border-radius: 10px;
  background: #f1f8f3;
  color: #1f4d2d;
  font-size: 15px;
  line-height: 1.45;
}
.mmd3-coupon-applied__title { grid-column: 1; font-weight: 700; }
.mmd3-coupon-applied__code { grid-column: 1; font-size: 17px; font-weight: 700; letter-spacing: .06em; color: #292725; }
.mmd3-coupon-applied__saving { grid-column: 1; }
.mmd3-coupon-applied__saving .amount { white-space: nowrap; }
.mmd3-coupon-applied__remove { grid-column: 2; grid-row: 1 / span 3; align-self: center; color: inherit !important; font-size: 14px; font-weight: 600; text-decoration: underline; white-space: nowrap; }
@media (max-width: 768px) {
  body.woocommerce-cart .woocommerce-cart-form td.actions .coupon { max-width: none; }
  .mmd3-coupon-applied { grid-template-columns: 1fr; }
  .mmd3-coupon-applied__remove { grid-column: 1; grid-row: auto; margin-top: 4px; }
}
