/* bbmarkt - cart / checkout lane additions (theme.css holds the base) */

.mk-cart-info { min-width: 0; }
.mk-cart-name { display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mk-cart-opt { font-size: 12px; color: var(--td-muted); margin: 4px 0 0; }
.mk-cart-stock-off { color: #8a6d1b; }
.mk-dot-grey { background: #9aa6b8; }
.mk-cart-busy { opacity: .55; pointer-events: none; }
.mk-cart-voucher-ico { width: 110px; text-align: center; font-size: 26px; color: var(--td-navy); }
.mk-cart-alert { background: #fdecec; border: 1px solid #f3c6c6; color: #8b1f1f; border-radius: 4px; padding: 10px 12px; font-size: 13.5px; margin-bottom: 12px; grid-column: 1 / -1; }
/* The amount stays on the line of its title, never wrapped below it. */
.mk-sum-row, .mk-sum-total { gap: 12px; }
.mk-sum-row span + span, .mk-sum-total span + span { white-space: nowrap; }
.mk-sum-back { display: block; text-align: center; font-size: 13px; color: var(--td-muted); margin-top: 10px; }
.mk-sum-back:hover { color: var(--td-navy); }

/* checkout ------------------------------------------------------------- */
.mk-checkout-form { display: block; }
.mk-checkout-form.mk-checkout-done { display: none; }
.mk-checkout-summary { border: 1px solid var(--td-border); border-radius: 4px; padding: 12px 14px; background: #f7f9ff; }
.mk-checkout-summary .mk-h3 { margin: 0 0 6px; }
.mk-checkout-summary-text { margin: 0 0 10px; font-size: 13.5px; color: #333; }
.mk-checkout-edit { background: #fff; border: 1px solid var(--td-navy); color: var(--td-navy); border-radius: 4px; min-height: 36px; height: 36px; padding: 0 14px; font-weight: 700; }
.mk-checkout-edit:hover { background: var(--td-navy); color: #fff; }
.mk-checkout-step { margin-top: 18px; }
.mk-checkout-main > .mk-checkout-step:first-of-type { margin-top: 0; }
.mk-checkout-notice { background: #fdecec; border: 1px solid #f3c6c6; color: #8b1f1f; border-radius: 4px; padding: 10px 12px; font-size: 13.5px; margin: 0 0 14px; }
.mk-step-hint { font-size: 13px; color: var(--td-muted); margin: 6px 0 0; }
.mk-check-account { margin: 4px 0 14px; }
.mk-account-pass { margin-top: 0; }
.mk-terms-line { margin: 10px 0 0; color: #555; }
.mk-method-price { margin-left: auto; font-weight: 700; color: var(--td-navy); }
.mk-pay-list .mk-check { border: 1px solid var(--td-border); border-radius: 4px; padding: 10px 12px; margin: 0; }
.mk-pay-list .mk-check:has(input:checked) { border-color: var(--td-navy); background: #f7f9ff; }
.mk-err { color: #c02626; font-size: 11.5px; }
.mk-input-err { border-color: #c02626 !important; }

/* order summary --------------------------------------------------------- */
.mk-sum-qty { font-weight: 700; color: var(--td-navy); }
.mk-sum-name small { display: block; color: var(--td-muted); font-size: 11px; }
.mk-sum-ico { width: 56px; text-align: center; font-size: 22px; color: var(--td-muted); }
.mk-confirm-cta { margin-top: 14px; }
.mk-confirm-cta .text-end { display: block; }
#button-confirm {
  width: 100%; background: var(--td-yellow, #fecd1b); border: 1px solid var(--td-yellow, #fecd1b);
  color: #111; font-weight: 700; border-radius: 4px; min-height: 44px; height: 44px; padding: 0 16px;
}
#button-confirm:hover { background: #f0bd00; border-color: #f0bd00; color: #000; }
#button-confirm:disabled { opacity: .5; }

/* address blocks of a logged in customer (checkout/payment_address, checkout/shipping_address) */
.mk-checkout-step h2 { font-size: 17px; font-weight: 700; color: var(--td-navy); }
.mk-addr { border: 1px solid var(--td-border); border-radius: 4px; background: #fff; padding: 14px 16px; }
.mk-addr .mk-h3 { margin: 0 0 10px; }
.mk-addr-choice { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-bottom: 12px; }
.mk-addr-choice .mk-check { margin: 0; }
.mk-addr .mk-field-wide { grid-column: 1 / -1; }
.mk-addr-form { display: block; }
.mk-addr-form .mk-form-grid { margin-bottom: 12px; }
.mk-addr-submit { width: auto; min-width: 200px; }
.mk-addr [hidden] { display: none !important; }

/* every cart row uses the same fixed columns for qty / price / delete, otherwise a long
   total like 2.712,00 € widens the auto column and shifts the +/- block of that row */
.mk-cart-list .mk-cart-row { grid-template-columns: 110px minmax(0, 1fr) 130px 130px 40px; }
.mk-cart-list .mk-qty { width: 130px; justify-self: end; }
.mk-cart-list .mk-cart-price { justify-self: end; text-align: right; }
.mk-cart-list .mk-cart-del { justify-self: end; }

@media (max-width: 760px) {
  .mk-cart-voucher-ico { width: 76px; }
  .mk-summary { position: static; }
  .mk-cart-list .mk-cart-row { grid-template-columns: 76px minmax(0, 1fr) auto; }
  .mk-cart-list .mk-qty { justify-self: start; }
  .mk-cart-list .mk-cart-price { justify-self: start; text-align: left; }
}