/**
 * WooCommerce Cart — Wooh Outdoor
 * Bestand: inc/woocommerce-cart.css
 */

/* ══════════════════════════════════════════════════════════
   Design tokens (gespiegeld aan single-product)
   ══════════════════════════════════════════════════════════ */
:root {
  --wooh-ink:    #0b0b0b;
  --wooh-muted:  #6b6b68;
  --wooh-line-2: #d9d6cf;
  --wooh-fire-o: #e8651e;
  --wooh-fire-r: #b01818;
}


/* ══════════════════════════════════════════════════════════
   Knoppen — kortingscode, winkelwagen bijwerken
   ══════════════════════════════════════════════════════════ */

.woocommerce-cart .button,
.woocommerce-cart button.button {
  background: transparent;
  color: var(--wooh-ink);
  border: 1px solid var(--wooh-line-2);
  border-radius: 0;
  font-family: inherit;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: border-color .2s, color .2s;
}

.woocommerce-cart .button:hover,
.woocommerce-cart button.button:hover {
  background: transparent;
  color: var(--wooh-ink);
  border-color: var(--wooh-ink);
}


/* ══════════════════════════════════════════════════════════
   Doorgaan naar betaling — primaire knop
   ══════════════════════════════════════════════════════════ */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background-color: var(--wooh-fire-o) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0;
  font-family: inherit;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: background-color .2s;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background-color: var(--wooh-fire-r) !important;
  color: #fff !important;
  border: 0 !important;
}


/* ══════════════════════════════════════════════════════════
   Waardebonveld + knop — gelijke hoogte
   ══════════════════════════════════════════════════════════ */

.woocommerce-cart #coupon_code {
  min-width: 220px;
}

.woocommerce-cart .coupon input#coupon_code,
.woocommerce-cart .coupon .button {
  height: 42px;
  box-sizing: border-box;
}


/* ══════════════════════════════════════════════════════════
   Verwijderknop
   ══════════════════════════════════════════════════════════ */

.woocommerce-cart .product-remove a.remove {
  color: var(--wooh-muted) !important;
  transition: color .2s;
}

.woocommerce-cart .product-remove a.remove:hover {
  color: var(--wooh-fire-r) !important;
  background: transparent;
}