/* =========================================================================
   MINI CART
   ========================================================================= */

.wc-block-mini-cart__drawer.wc-block-components-drawer {
  background:var(--surface); color:var(--ink); border-left:1px solid var(--line);
}
.wc-block-mini-cart__drawer .wc-block-components-drawer__content { background:var(--surface); color:var(--ink); }
.wc-block-mini-cart__drawer .wc-block-components-drawer__close { color:var(--ink); background:transparent; }
.wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover { background:var(--surface-2); }

.wc-block-mini-cart__title {
  font-family:var(--font-display); font-weight:800; font-size:clamp(1.1875rem,2.4vw,1.375rem);
  letter-spacing:-.015em; color:var(--ink); margin:0;
}

/* Items are not cards here: the generic cart rule also reaches
   .wc-block-cart-items inside the drawer. */
.wc-block-mini-cart__products-table .wc-block-cart-items {
  background:transparent; border:0; border-radius:0; box-shadow:none;
}
.wc-block-mini-cart__products-table .wc-block-cart-items__row {
  grid-template-columns:5.5rem minmax(0,1fr) auto; column-gap:1rem; align-items:start;
  padding:1.125rem 0; margin:0; border-bottom:1px solid var(--line); background:transparent;
  border-radius:0; box-shadow:none;
}
.wc-block-mini-cart__products-table tbody tr:last-child .wc-block-cart-items__row,
.wc-block-mini-cart__products-table tbody tr:last-child { border-bottom:0; }

.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image { width:5.5rem; padding:0; }
.wc-block-mini-cart__drawer .wc-block-cart-item__image a { display:block; }
.wc-block-mini-cart__drawer .wc-block-cart-item__image img {
  width:100%; max-width:none; height:auto; margin:0; aspect-ratio:1/1; object-fit:contain;
  padding:0.375rem; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-m);
}

.wc-block-mini-cart__drawer .wc-block-cart-item__product { padding:0; }
.wc-block-mini-cart__drawer a.wc-block-components-product-name {
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-family:var(--font-display); font-weight:600; font-size:0.90625rem; line-height:1.35;
  color:var(--ink); text-decoration:none;
}
.wc-block-mini-cart__drawer a.wc-block-components-product-name:hover { color:var(--ink); text-decoration:underline; }

.wc-block-mini-cart__drawer .wc-block-cart-item__prices { margin:0.3125rem 0 0; }
.wc-block-mini-cart__drawer .wc-block-cart-item__prices .wc-block-components-product-price {
  font-family:var(--font-label); font-size:0.78125rem; color:var(--muted);
}
/* The short description is noise inside the drawer. */
.wc-block-mini-cart__drawer .wc-block-components-product-metadata { display:none; }

.wc-block-mini-cart__drawer .wc-block-cart-item__quantity { margin:0.75rem 0 0; display:flex; align-items:center; gap:0.75rem; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
  margin:0; width:auto; min-width:0; height:2.375rem; display:inline-flex; align-items:center;
  border:1.5px solid var(--line-strong); border-radius:0.625rem; background:var(--surface);
}
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector::after { display:none; }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__input {
  width:2.625rem; min-width:0; height:100%; padding:0; border:0; background:transparent;
  font-family:var(--font-label); font-size:0.875rem; font-weight:500; color:var(--ink); text-align:center;
}
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button {
  width:2.125rem; height:100%; padding:0; border:0; background:transparent; color:var(--ink);
  opacity:1; font-size:1.0625rem; line-height:1; cursor:pointer; transition:background .18s, color .18s;
}
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button:hover { background:var(--surface-2); }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button--minus { border-right:1.5px solid var(--line-strong); }
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector__button--plus { border-left:1.5px solid var(--line-strong); }

.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
  color:var(--muted); opacity:1; text-decoration:none; transition:color .18s;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link:hover { color:var(--ink); }

.wc-block-mini-cart__drawer .wc-block-cart-item__total { padding:0; text-align:right; }
.wc-block-mini-cart__drawer .wc-block-cart-item__total .wc-block-components-product-price {
  font-family:var(--font-display); font-weight:700; font-size:0.96875rem; color:var(--ink); white-space:nowrap;
}

.wc-block-mini-cart__footer { border-top:1px solid var(--line); background:var(--surface); }
.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__label {
  font-family:var(--font-display); font-weight:600; font-size:0.9375rem; color:var(--ink);
}
.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__value,
.wc-block-mini-cart__footer-subtotal .wc-block-components-formatted-money-amount {
  font-family:var(--font-display); font-weight:800; font-size:1.0625rem; color:var(--ink);
}
.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
  font-size:0.78125rem; color:var(--muted);
}
.wc-block-mini-cart__footer-actions .wc-block-components-button {
  border-radius:0.625rem; font-family:var(--font-display); font-weight:600; font-size:0.9375rem; min-height:3rem;
}
.wc-block-mini-cart__footer-cart.wc-block-components-button {
  background:transparent; color:var(--ink); border:1.5px solid var(--line-strong); box-shadow:none;
}
.wc-block-mini-cart__footer-cart.wc-block-components-button:hover {
  background:var(--surface-2); color:var(--ink); border-color:var(--line-strong);
}
.wc-block-mini-cart__footer-checkout.wc-block-components-button {
  background:var(--red); color:#fff; border:1.5px solid transparent; box-shadow:var(--shadow-red);
}
.wc-block-mini-cart__footer-checkout.wc-block-components-button:hover { background:var(--red-strong); color:#fff; }