/* WordPress and WooCommerce pages in the store's look (store.css has the tokens): the logo strip, the page body
   for the policies, and the block checkout and order received page as close to the v3 checkout mockup as
   WooCommerce allows: paper, ink, one dark button, mono for money. */

.strip .logo { display: block; }
.page-body { padding-top: 22px; padding-bottom: 48px; max-width: 760px; }
.page-body.is-checkout { max-width: 1120px; }
.page-title { font-size: clamp(36px, 9vw, 56px); margin-bottom: 18px; }
.page-content { font-size: 16px; line-height: 1.6; }
.page-content > * + * { margin-top: 14px; }
.page-content h2 { font-family: var(--sans); font-stretch: 125%; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-top: 30px; }
.page-content h3 { font-size: 17px; margin-top: 22px; }
.page-content ul, .page-content ol { padding-left: 20px; list-style: disc; }
.page-content ol { list-style: decimal; }
.page-content li + li { margin-top: 6px; }
.page-content a { text-underline-offset: 3px; }

/* WooCommerce blocks: type, fields, the button */
.wp-page .wc-block-components-text-input input,
.wp-page .wc-block-components-select select,
.wp-page .wc-blocks-components-select__select,
.wp-page .wc-block-components-textarea {
  border: 1.5px solid var(--ink) !important; border-radius: 0 !important; background: var(--white) !important; color: var(--ink) !important;
}
.wp-page .wc-block-components-text-input.is-active label,
.wp-page .wc-block-components-text-input label { color: var(--mute); }
.wp-page .wc-block-components-checkout-step__title,
.wp-page .wc-block-components-title { font-family: var(--sans); font-stretch: 125%; font-weight: 700; font-size: 12px !important; letter-spacing: .1em; text-transform: uppercase; }
.wp-page .wc-block-components-button:not(.is-link),
.wp-page .wc-block-components-checkout-place-order-button,
.wp-page .woocommerce .button, .wp-page .wp-element-button {
  background: var(--ink) !important; color: var(--paper) !important; border-radius: 0 !important; border: 0 !important;
  font-family: var(--sans); font-stretch: 112%; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; min-height: 54px;
}
.wp-page .wc-block-components-button:not(.is-link):hover { background: #2E2722 !important; }
.wp-page .wc-block-components-radio-control__option,
.wp-page .wc-block-components-radio-control-accordion-option { border-radius: 0 !important; }
.wp-page .wc-block-components-formatted-money-amount,
.wp-page .wc-block-components-totals-item__value,
.wp-page .wc-block-components-product-price { font-family: var(--mono); }
.wp-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wp-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 18px; font-weight: 700; }
.wp-page .wc-block-components-order-summary-item__image img { background: var(--carpet); }
.wp-page .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block { background: var(--white); border: 1.5px solid var(--ink) !important; border-radius: 0 !important; }
.wp-page .wc-block-checkout__sidebar .wc-block-components-order-summary { border: 0 !important; }
.wp-page .wc-block-components-notice-banner { border-radius: 0; }
.wp-page .wc-block-checkout__terms { font-size: 13px; color: var(--mute); }
.wp-page .is-large.wc-block-checkout { padding-top: 6px; }

/* order received */
.wp-page .woocommerce-order-overview, .wp-page .woocommerce-thankyou-order-details { padding-left: 0; list-style: none; font-family: var(--mono); font-size: 13px; }
.wp-page .woocommerce-notice--success { font-size: 18px; font-weight: 700; }

/* WooCommerce's notices on the product page (e.g. "It isn't on sale yet") */
.woocommerce-error, .woocommerce-message, .woocommerce-info { list-style: none; margin: 12px 0; padding: 12px 14px; border: 2px solid var(--ink); background: var(--white); font-weight: 600; }
.woocommerce-error { border-color: var(--band); color: var(--band); }