/* WooCommerce cart, checkout, and notices, matched to the Preiss palette. */

.preiss-commerce {
  color: var(--color-text);
}

.preiss-commerce h1,
.preiss-commerce h2,
.preiss-commerce .woocommerce-billing-fields h3,
.preiss-commerce .woocommerce-additional-fields h3,
.preiss-commerce #order_review_heading {
  font-family: var(--font-heading);
  color: var(--color-primary);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: var(--color-primary);
  background: var(--color-surface);
  color: var(--color-text);
}

.preiss-commerce .button,
.preiss-commerce button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--radius-sm);
  font-weight: 600;
}

.preiss-commerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: #0e1c2c;
  color: #fff;
}

.woocommerce table.shop_table {
  border-radius: var(--radius);
  border-color: rgba(22, 44, 66, 0.12);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border-radius: var(--radius-sm);
  border-color: rgba(22, 44, 66, 0.2);
  padding: 0.7rem 0.85rem;
}

.preiss-form-note {
  margin-bottom: 1rem;
}

.page-content .rte,
.preiss-page .rte {
  max-width: 72ch;
}