/* WooCommerce shop, styled to match the site (rust buttons, site type). */

/* Constrain shop pages to the site width with proper gutters + breathing room. */
.wce-shop{ padding-top:2.6rem; padding-bottom:4rem; }
.wce-shop__inner{ width:100%; }
/* Full-width WooCommerce notices/breadcrumb inherit the wrap gutters already. */
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{ margin-bottom:1.4rem; }

.woocommerce, .woocommerce-page{ font-family:var(--sans); color:var(--ink,#1f1e1b); }
.woocommerce .page-title, .woocommerce h1, .woocommerce h2{ font-family:var(--sans); font-weight:800; letter-spacing:-.01em; color:var(--ink); }

/* Buttons -> rust. */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt{
	background:var(--rust,#a8552a); color:#fff; border-radius:4px; font-weight:700;
	font-family:var(--sans); text-transform:none; letter-spacing:.01em; padding:.7em 1.2em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{ background:#8f461f; color:#fff; }

/* Product grid cards. */
.woocommerce ul.products li.product{ text-align:left; }
.woocommerce ul.products li.product a img{ border-radius:8px; border:1px solid var(--line,#e7e3da); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-family:var(--sans); font-weight:700; font-size:16px; color:var(--ink); padding:.6em 0 .2em; }
.woocommerce ul.products li.product .price{ color:var(--ink-2,#5c5b55); font-weight:600; }
.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--ink,#1f1e1b); font-weight:700; }
.woocommerce span.onsale{ background:var(--rust,#a8552a); border-radius:99px; }

/* Single product titles + tabs. */
.woocommerce div.product .product_title{ font-size:34px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom-color:transparent; }
.woocommerce .star-rating span{ color:var(--rust,#a8552a); }

/* Notices in the site palette. */
.woocommerce-message{ border-top-color:var(--rust,#a8552a); }
.woocommerce-info{ border-top-color:var(--slate,#304452); }

/* A tidy shop header band. */
.woocommerce .woocommerce-products-header{ margin:1.5rem 0; }
.woocommerce .woocommerce-products-header__title.page-title{ font-size:38px; text-transform:uppercase; letter-spacing:-.01em; }