/**
 * Design System — Cart & mini-cart (Phase D)
 *
 * Retokens the existing cart.php / mini-cart.php markup onto the design system.
 * Loads after cart.css / mini-cart.css and supersedes their palette/type.
 * Action buttons already use the CTA token (Task 02 section 1).
 *
 * @package Longboardcenter
 */

/* ==========================================================================
   CART PAGE
   ========================================================================== */
.cart-totals h2,
.cart-empty__title{font-family:var(--font-display);color:var(--c-ink);letter-spacing:-.01em}

/* Line-item surface on paper */
.cart-table-wrap,
.cart-totals{
  background:var(--c-paper);
  border:1px solid var(--c-line);
  border-radius:var(--r-lg);
  box-shadow:none;
}
.cart-table th{color:var(--c-ink-soft);font-family:var(--font-body)}
.cart-table .cart-item{border-bottom:1px solid var(--c-line)}
.cart-table .product-name a{color:var(--c-ink);text-decoration:none}
.cart-table .product-name a:hover{color:var(--c-accent-deep)}
.cart-table .product-price,
.cart-table .product-subtotal{color:var(--c-ink);font-weight:600}

/* Quantity stepper -> shared .qty look */
.cart-table .quantity{
  border:1.5px solid var(--c-line-strong);
  border-radius:var(--r-md);
  background:var(--c-paper);
  overflow:hidden;
}
.cart-table .quantity:focus-within{border-color:var(--c-accent)}
.cart-table .quantity .qty-btn{background:var(--c-paper);color:var(--c-ink)}
.cart-table .quantity .qty-btn:hover{background:var(--c-cream);color:var(--c-ink)}
.cart-table .quantity .qty{background:#fff;color:var(--c-ink);font-weight:600}

/* Remove control: clearly a secondary action, not the CTA */
.cart-table .remove-item{background:var(--c-cream);color:var(--c-ink-faint)}
.cart-table .remove-item:hover{background:var(--c-sale);color:#fff}

/* Totals table */
.cart-totals__table th{color:var(--c-ink-soft)}
.cart-totals__table td{color:var(--c-ink)}
.cart-totals__table th,
.cart-totals__table td{border-bottom-color:var(--c-line)}
.cart-totals__table .order-total th,
.cart-totals__table .order-total td{color:var(--c-ink)}

/* Secondary cart action (continue shopping etc.) */
.cart-actions .btn-secondary{background:transparent;color:var(--c-ink);border:2px solid var(--c-ink)}
.cart-actions .btn-secondary:hover{background:var(--c-ink);color:var(--c-cream);border-color:var(--c-ink)}

/* Empty state */
.cart-empty{color:var(--c-ink-soft)}
.cart-empty .btn-primary,
.cart-empty .lbc-btn-primary{background:var(--c-cta);color:var(--c-cta-text)}
.cart-empty .btn-primary:hover,
.cart-empty .lbc-btn-primary:hover{background:var(--c-cta-hover)}

/* ==========================================================================
   MINI-CART DRAWER
   ========================================================================== */
.mini-cart__item-name{color:var(--c-ink);font-family:var(--font-body)}
.mini-cart__item-name:hover{color:var(--c-accent-deep)}
.mini-cart__item-meta{color:var(--c-ink-faint)}
.mini-cart__item-price{color:var(--c-ink)}
.mini-cart__item-remove{color:var(--c-ink-faint)}
.mini-cart__item-remove:hover{color:var(--c-sale)}
.mini-cart__totals{border-top:1px solid var(--c-line)}
.mini-cart__subtotal{color:var(--c-ink);font-weight:700}
.mini-cart__shipping{color:var(--c-ink-soft)}

/* Drawer buttons: primary = CTA, secondary = outlined ink */
.mini-cart__actions .btn-primary{background:var(--c-cta);color:var(--c-cta-text)}
.mini-cart__actions .btn-primary:hover{background:var(--c-cta-hover)}
.mini-cart__actions .btn-secondary{background:transparent;color:var(--c-ink);border:2px solid var(--c-ink)}
.mini-cart__actions .btn-secondary:hover{background:var(--c-ink);color:var(--c-cream)}

.mini-cart__shipping-text{color:var(--c-ink-soft)}
.mini-cart__shipping-text--success{color:var(--c-stock);display:inline-flex;align-items:center;gap:6px}
.mini-cart__shipping-bar{background:var(--c-line)}
.mini-cart__shipping-progress{background:var(--c-cta)}
.mini-cart__policy-trust{color:var(--c-ink-faint)}

/* Shipping thresholds line in totals (lbc_i18n_trust_shipping_line) */
.cart-totals__ship-note{
  margin:var(--sp-2) 0 0;
  font-size:var(--fs-sm);
  color:var(--c-ink-faint);
}

/* Empty-cart icons on tokens */
.cart-empty__icon svg,
.mini-cart__empty-icon svg{stroke:var(--c-ink-faint)}

/* Empty drawer state */
.mini-cart__empty,
.mini-cart-contents .woocommerce-mini-cart__empty-message{color:var(--c-ink-soft)}
.mini-cart__empty .btn-primary{background:var(--c-cta);color:var(--c-cta-text)}
.mini-cart__empty .btn-primary:hover{background:var(--c-cta-hover)}