body.tex-commerce-flow,
body.tex-commerce-flow .wp-site-blocks {
  background: #f5f1e8;
  color: #171717;
}

body.tex-commerce-flow {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

body.tex-commerce-flow .wp-site-blocks {
  min-height: 100vh;
}

body.tex-commerce-flow :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .wp-block-heading,
  .wc-block-components-title,
  .woocommerce-order h2,
  .woocommerce-order h3,
  .woocommerce-order h4
) {
  color: #171717;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

body.tex-commerce-flow :is(
  p,
  li,
  label,
  input,
  select,
  textarea,
  button,
  .wc-block-components-text-input input,
  .wc-blocks-components-select__select,
  .woocommerce-order,
  .woocommerce-order-overview,
  .woocommerce-table,
  .shop_table
) {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

body.tex-commerce-flow a {
  color: #6f5b3e;
  text-decoration-thickness: 1px;
  text-decoration-color: #c4b69c;
  text-underline-offset: 0.14em;
}

body.tex-commerce-flow a:hover,
body.tex-commerce-flow a:focus-visible {
  color: #4f3e27;
}

body.tex-commerce-flow :is(
  .wc-block-components-button,
  .wp-block-button__link,
  .wp-element-button,
  button,
  input[type="submit"]
) {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

body.tex-commerce-flow :is(
  .wc-block-components-button,
  .wp-block-button__link,
  .wp-element-button,
  button,
  input[type="submit"]
) {
  border-radius: 4px;
  transition:
    background-color 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    color 240ms ease;
}

body.tex-commerce-flow :is(
  .wc-block-components-main,
  .wc-block-components-sidebar,
  .woocommerce-order,
  .woocommerce-order-details,
  .woocommerce-customer-details
) {
  background: #fbfaf6;
  border: 1px solid #ddd4c6;
  border-radius: 4px;
}

body.tex-commerce-flow .wc-block-components-main,
body.tex-commerce-flow .woocommerce-order {
  padding: clamp(1.25rem, 1rem + 1vw, 2rem);
}

body.tex-commerce-flow .wc-block-components-sidebar,
body.tex-commerce-flow :is(.woocommerce-order-details, .woocommerce-customer-details) {
  padding: clamp(1rem, 0.875rem + 0.75vw, 1.5rem);
}

body.tex-commerce-flow :is(
  .wc-block-components-text-input input,
  .wc-blocks-components-select__select,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select
) {
  background: #fffdfa;
  border-color: #d9d0c1;
  border-radius: 4px;
  box-shadow: none;
  color: #171717;
}

body.tex-commerce-flow :is(
  .wc-block-components-text-input label,
  .wc-blocks-components-select__label,
  .wc-block-components-checkbox__label,
  .woocommerce-order-overview li,
  .wc-block-order-confirmation-summary-list-item__key
) {
  color: #5f5a51;
}

body.tex-commerce-flow :is(
  .wc-block-components-main,
  .wc-block-components-sidebar
) h2 {
  font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
}

body.tex-commerce-flow :is(
  .woocommerce-order-details__title,
  .woocommerce-column__title,
  .wc-block-order-confirmation-status-description p
) {
  color: #4f4a42;
}

body.tex-commerce-flow :is(
  .wc-block-order-confirmation-totals__table,
  .woocommerce-table,
  .shop_table,
  .woocommerce-order-details table
) {
  background: transparent;
  border-color: #ddd4c6;
}

body.tex-commerce-flow .wp-block-group.alignwide {
  max-width: 72rem;
}

body.tex-commerce-flow .woocommerce-order-overview,
body.tex-commerce-flow .wc-block-order-confirmation-summary-list {
  margin-top: 0;
}
