/* Native WooCommerce cart and checkout, using the existing Sockaki palette. */
body:is(.woocommerce-cart, .woocommerce-checkout) .site-content {
  --wd-primary-color: var(--sk-aqua-interactive);
  --wd-text-color: var(--sk-text);
  --wd-title-color: var(--sk-text);
  --wd-form-color: var(--sk-text);
  --wd-form-placeholder-color: var(--sk-text-muted);
  --wd-form-brd-color: var(--sk-border-strong);
  --wd-form-brd-color-focus: var(--sk-border-focus);
  --wd-form-bg: var(--sk-surface);
  --wd-form-brd-radius: var(--sk-radius);
  font-family: var(--sk-font-body);
  color: var(--sk-text);
}

body:is(.woocommerce-cart, .woocommerce-checkout) .wd-page-title {
  background: var(--sk-brand-black);
}
body:is(.woocommerce-cart, .woocommerce-checkout) .wd-checkout-steps :is(li, a, span) {
  color: var(--sk-text-inverse);
}
body:is(.woocommerce-cart, .woocommerce-checkout) .wd-checkout-steps .step-active :is(a, span) {
  color: var(--sk-brand-pink);
  border-color: var(--sk-brand-pink);
}
body:is(.woocommerce-cart, .woocommerce-checkout) .wd-checkout-steps li::after {
  color: var(--sk-brand-aqua);
}
body:is(.woocommerce-cart, .woocommerce-checkout) .wd-checkout-steps a:hover {
  color: var(--sk-brand-aqua);
}

body.woocommerce-cart .wc-block-cart {
  font-size: var(--sk-fs-base);
  --btn-accented-bgcolor: var(--sk-brand-aqua);
  --btn-accented-bgcolor-hover: var(--sk-aqua-light);
  --btn-accented-color: var(--sk-text);
  --btn-accented-color-hover: var(--sk-text);
  --btn-accented-brd-radius: var(--sk-radius-sm);
  --btn-accented-font-family: var(--sk-font-display);
  --btn-accented-font-weight: var(--sk-fw-bold);
  --btn-accented-font-size: var(--sk-fs-base);
  --btn-accented-height: 54px;
  --btn-accented-box-shadow: var(--sk-shadow-offset-black);
  --btn-accented-box-shadow-hover: var(--sk-shadow-offset-black);
}
body.woocommerce-cart .wc-block-cart :is(.wc-block-formatted-money-amount, .wc-block-components-formatted-money-amount, .wc-block-components-totals-item__value) {
  color: var(--sk-text);
  font-variant-numeric: tabular-nums;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name {
  color: var(--sk-text);
  font-weight: var(--sk-fw-semibold);
  text-decoration: none;
}
body.woocommerce-cart .wc-block-cart .wc-block-components-product-name:hover {
  color: var(--sk-aqua-interactive);
  text-decoration: underline;
  text-underline-offset: .2em;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__image img {
  border-radius: var(--sk-radius-md);
}
body.woocommerce-cart .wc-block-cart :is(.wc-block-cart-items__header th, .wc-block-cart__totals-title) {
  font-family: var(--sk-font-display);
  font-size: var(--sk-fs-lg);
  color: var(--sk-text);
}
body.woocommerce-cart .wc-block-cart__sidebar {
  align-self: flex-start;
  padding: var(--sk-space-6);
  background: var(--sk-surface-alt);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius-md);
}
body.woocommerce-cart .wc-block-cart .wc-block-components-button:not(.is-link).wp-element-button {
  border: 2px solid var(--sk-text);
  color: var(--sk-text);
  background: var(--sk-brand-aqua);
}
body.woocommerce-cart .wc-block-cart .wc-block-components-button:not(.is-link).wp-element-button:hover {
  color: var(--sk-text);
  background: var(--sk-aqua-light);
}
body.woocommerce-cart .wc-block-cart .wc-block-components-quantity-selector__button:hover {
  color: var(--sk-text);
  background: var(--sk-brand-aqua);
  border-color: var(--sk-border-strong);
}
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item {
  font-family: var(--sk-font-display);
  font-size: var(--sk-fs-h3);
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-container::before {
  box-shadow: none;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-container {
  padding-bottom: var(--sk-space-1);
}

/* Woodmart's supported classic checkout avoids block draft-order creation. */
body.woocommerce-checkout :is(.woocommerce-billing-fields h3, .woocommerce-additional-fields h3, #order_review_heading) {
  font-family: var(--sk-font-display);
  font-size: var(--sk-fs-h3);
  color: var(--sk-text);
}
body.woocommerce-checkout .checkout-order-review {
  --bgcolor-gray-200: var(--sk-surface-alt);
  background: var(--sk-surface-alt);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius-md);
}
/* Woodmart's receipt-edge selectors carry ID specificity through :is(). */
body.woocommerce-checkout .checkout-order-review::before,
body.woocommerce-checkout .checkout-order-review::after {
  content: none !important;
}
body.woocommerce-checkout .woocommerce .woocommerce-info {
  --notices-warning-color: var(--sk-text);
  --notices-warning-bg: var(--sk-extended-yellow);
  color: var(--sk-text);
}
body.woocommerce-checkout .woocommerce :is(.amount, .woocommerce-Price-amount) {
  color: var(--sk-text);
  font-variant-numeric: tabular-nums;
}
body.woocommerce-checkout .woocommerce #place_order {
  min-height: 54px;
  padding: var(--sk-space-4) var(--sk-space-6);
  border: 2px solid var(--sk-text);
  border-radius: var(--sk-radius-sm);
  color: var(--sk-text);
  background: var(--sk-brand-aqua);
  box-shadow: var(--sk-shadow-offset-black);
  font-family: var(--sk-font-display);
  font-size: var(--sk-fs-base);
}
body.woocommerce-checkout .woocommerce #place_order:hover {
  background: var(--sk-aqua-light);
}
body.woocommerce-checkout .woocommerce #place_order:disabled {
  color: var(--sk-text-muted);
  background: var(--sk-aqua-xlight);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
body.woocommerce-checkout .sk-checkout-status {
  margin-top: var(--sk-space-3);
  color: var(--sk-text-muted);
  font-size: var(--sk-fs-sm);
}
body:is(.woocommerce-cart, .woocommerce-checkout) :is(.site-content, .wd-checkout-steps) :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--sk-border-focus) !important;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  body:is(.woocommerce-cart, .woocommerce-checkout) .wd-checkout-steps {
    flex-wrap: wrap;
    gap: var(--sk-space-3);
    font-size: var(--sk-fs-sm);
    line-height: var(--sk-lh-snug);
  }
  body.woocommerce-cart .wc-block-cart__sidebar {
    padding: var(--sk-space-4);
  }
}