/* ══════════════════════════════════════════════════════════
   WooCommerce block templates — shop archive, single product,
   cart, checkout, mini-cart. Uses the same design tokens as the
   rest of the theme (see style.css :root) so WooCommerce's own
   default block templates read as part of the site, not a
   bolted-on plugin UI.
   ══════════════════════════════════════════════════════════ */

.woocommerce, .wc-block-components-main, .wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--text);
}

/* ── Buttons ── */
.wc-block-components-button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: var(--o-700) !important;
  color: #fff !important;
  border: none !important;
  padding: 13px 24px !important;
  transition: background 200ms var(--ease) !important;
}
.wc-block-components-button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--o-800) !important;
}
.wc-block-components-button.wp-element-button.contained,
.wc-block-cart__submit-button {
  background: var(--o-700) !important;
}

/* ── Shop archive grid (Product Collection block) ── */
.wp-block-woocommerce-product-collection,
.wc-block-grid {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: var(--gut);
}
.wc-block-grid__products, .wc-block-product-template {
  gap: clamp(10px, 1.2vw, 16px) !important;
}
.wc-block-grid__product, .wc-block-product-template li,
.wp-block-woocommerce-product-collection .wc-block-product {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 11px;
}
.wc-block-components-product-title, .wc-block-grid__product-title,
.wc-block-components-product-price {
  font-family: 'Outfit', sans-serif;
}
.wc-block-components-product-price, .price {
  color: var(--o-700) !important;
  font-weight: 700;
}
.wc-block-components-product-price .wc-block-components-product-price__regular,
.price del {
  color: var(--soft-2) !important;
  font-weight: 500;
}

/* ── Single product ── */
.product .summary .price { font-size: 22px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: 'Outfit', sans-serif; }
.woocommerce div.product form.cart .quantity input.qty {
  border: 1px solid var(--line);
  border-radius: 8px;
  height: 44px;
}

/* ── Cart & checkout blocks ── */
.wc-block-cart, .wc-block-checkout {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: var(--gut);
}
.wc-block-components-panel, .wc-block-components-order-summary,
.wc-block-components-totals-item {
  border-color: var(--line) !important;
}
.wc-block-components-sidebar .wc-block-components-panel {
  background: var(--cream);
  border-radius: var(--r);
}

/* ── Mini-cart / cart icon fragment (site header cart button already themed) ── */
.wc-block-mini-cart__badge {
  background: var(--o-700) !important;
}