/* WooCommerce pages (Cart, Checkout, My Account) and other WordPress pages, in the site's look.
   Covers both WooCommerce's block-based Cart/Checkout and the older shortcode versions. */

.wp-page { padding-top: 40px; padding-bottom: 72px; }
.wp-page-title { font-size: clamp(36px, 5vw, 56px); margin: 0 0 28px; }
.wp-content { font-size: 16px; color: var(--ink-2); }
.wp-content a { color: var(--maroon); }

/* Buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
  min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px;
  background: var(--maroon); color: #fff; font-family: var(--font); font-weight: 700; font-size: 15px;
  box-shadow: 0 6px 16px rgba(138, 28, 43, .28);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover { background: var(--maroon-deep); color: #fff; }

/* Fields */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select {
  border: 1.5px solid var(--line); border-radius: 10px; font-family: var(--font);
}

/* Cart and checkout panels */
.woocommerce table.shop_table, .wc-block-cart, .wc-block-checkout { font-family: var(--font); }
.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.wc-block-components-totals-wrapper, .wc-block-components-sidebar .wc-block-components-panel { border-color: var(--line); }
.wc-block-components-product-name { font-weight: 700; color: var(--ink); text-decoration: none; }

/* The design details on each line (letters, colors, embroidery, notes, add-ons) */
.woocommerce td.product-name dl.variation, .wc-block-components-product-details {
  margin-top: 6px; font-size: 13px; color: var(--muted); line-height: 1.5;
}
.woocommerce td.product-name dl.variation dt { font-weight: 700; color: var(--ink-2); }
.wc-block-components-product-details__name { font-weight: 700; color: var(--ink-2); }

/* Notices */
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner { border-radius: 12px; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--maroon); }