/* Phase 7: Cart page. WooCommerce Cart Block (client-side, Store API
   driven) -- this restyles its real, verified class names, extracted
   directly from the plugin own compiled
   wp-content/plugins/woocommerce/assets/client/blocks/cart.css (not from
   memory or documentation) via descendant selectors only. No WC class is
   renamed or removed, no cart logic is reimplemented here -- quantity
   updates, remove, coupon validation, totals, shipping calculation,
   cross-sells and notices all remain 100% native WooCommerce. */

.wp-block-woocommerce-cart {
  max-width: var(--ecl-container-width);
  margin-inline: auto;
  padding-inline: 32px;
  padding-block: 32px 56px;
  font-family: var(--ecl-font-secondary);
}
@media (max-width: 900px) {
  .wp-block-woocommerce-cart { padding-inline: 16px; }
}

/* Empty cart state (wc-block-empty-cart-block, native) */
.wc-block-cart__empty-cart__title {
  font-family: var(--ecl-font-primary);
  color: var(--ecl-ink);
}
.wp-block-woocommerce-empty-cart-block .wc-block-components-button {
  background: var(--ecl-navy);
  color: #fff;
  border-radius: 999px;
  font-family: var(--ecl-font-primary);
  font-weight: 700;
  border: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-components-button:hover { color: #fff; background: var(--ecl-navy-deep); }

/* Line items */
.wc-block-cart-items__row,
.wc-block-cart-items__header {
  border-color: var(--ecl-hairline);
}
.wc-block-cart-item__image img {
  border-radius: 10px;
}
.wc-block-components-product-name {
  color: var(--ecl-ink);
  font-family: var(--ecl-font-primary);
  font-weight: 700;
  font-size: 14.5px;
}
.wc-block-components-product-price,
.wc-block-components-product-price__value {
  color: var(--ecl-navy);
  font-family: var(--ecl-font-primary);
  font-weight: 700;
}
.wc-block-cart-item__remove-link {
  color: var(--ecl-meta-gray);
  font-size: 12.5px;
}

/* Quantity selector -- WC Blocks already ships native +/- buttons here;
   this only restyles them, no new stepper is built. */
.wc-block-components-quantity-selector {
  border: 1px solid var(--ecl-border-gray);
  border-radius: 999px;
  overflow: hidden;
}
.wc-block-components-quantity-selector__button {
  background: var(--ecl-surface);
  color: var(--ecl-navy);
}
.wc-block-components-quantity-selector__input {
  font-family: var(--ecl-font-primary);
  font-weight: 700;
}

/* Totals sidebar */
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-components-sidebar {
  background: var(--ecl-surface);
  border-radius: 14px;
  padding: 24px;
}
.wc-block-cart__totals-title,
.wc-block-components-title {
  font-family: var(--ecl-font-primary);
  color: var(--ecl-ink);
}
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
  font-family: var(--ecl-font-secondary);
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-family: var(--ecl-font-primary);
  font-weight: 800;
  color: var(--ecl-navy);
}

/* Coupon form */
.wc-block-components-totals-coupon__input input {
  border-radius: 8px;
  border: 1px solid var(--ecl-border-gray);
  font-family: var(--ecl-font-secondary);
}
.wc-block-components-totals-coupon__button {
  border-radius: 999px;
  font-family: var(--ecl-font-primary);
  font-weight: 700;
}

/* Proceed to checkout */
.wc-block-cart__submit-button {
  border-radius: 999px;
  font-family: var(--ecl-font-primary);
  font-weight: 700;
}

/* Notices */
.wc-block-components-notice-banner {
  border-radius: 10px;
  font-family: var(--ecl-font-secondary);
}