/* Robin Fox Knox — WooCommerce brand styling
 * Restyles the native WooCommerce shop/product/cart/checkout templates to match
 * the site's Elementor pages (Fraunces/Manrope/IBM Plex Mono, obsidian/ivory/bronze).
 * Xpro/Elementor don't currently override these specific WooCommerce templates
 * (that needs Elementor Pro's Theme Builder), so this is done via scoped CSS instead
 * of a fragile fake template swap.
 */

.woocommerce, .woocommerce-page, .wc-block-product-template, .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout {
	font-family: 'Manrope', sans-serif;
	color: #4A3C2F;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3,
.wc-block-cart, .wc-block-checkout,
.woocommerce-page h1.page-title, .woocommerce-page h1.entry-title,
h1.product_title, h1.wp-block-post-title {
	font-family: 'Fraunces', serif !important;
	font-weight: 500 !important;
	color: #101B33 !important;
	letter-spacing: -0.01em;
}

/* Shop archive header */
.woocommerce-products-header__title.page-title,
.wc-block-product-template-wrapper h1 {
	font-size: clamp(32px, 4vw, 48px) !important;
}

/* Product grid cards */
ul.products li.product, .wc-block-grid__product, .wc-block-product-template li {
	border: 1px solid #E4DBC9 !important;
	padding: 16px !important;
	transition: transform .3s ease, box-shadow .3s ease;
	background: #F4EFE4;
}
ul.products li.product:hover, .wc-block-grid__product:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 40px -24px rgba(28,26,23,0.25);
}
ul.products li.product .woocommerce-loop-product__title,
.wc-block-components-product-name {
	font-family: 'Fraunces', serif !important;
	font-size: 18px !important;
	color: #101B33 !important;
}

/* Prices — mono, bronze accent, matches site's --mono/--bronze tokens */
.woocommerce-Price-amount, .price, .wc-block-components-product-price {
	font-family: 'IBM Plex Mono', monospace !important;
	color: #A67B2E !important;
	font-weight: 500;
}

/* Buttons — sharp rectangle, obsidian fill, ivory text, mono uppercase (site's .btn system) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.wc-block-components-button, .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
	font-family: 'IBM Plex Mono', monospace !important;
	font-size: 12px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	background: #101B33 !important;
	color: #F4EFE4 !important;
	border-radius: 0 !important;
	border: none !important;
	padding: 14px 26px !important;
	transition: background .25s ease !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.wc-block-components-button:hover {
	background: #C99A3E !important;
	color: #F4EFE4 !important;
}

/* Outline variant for secondary actions (continue shopping, apply coupon) */
.woocommerce a.button.wc-forward, .woocommerce .coupon .button {
	background: transparent !important;
	color: #101B33 !important;
	border: 1px solid #101B33 !important;
}
.woocommerce a.button.wc-forward:hover, .woocommerce .coupon .button:hover {
	background: #101B33 !important;
	color: #F4EFE4 !important;
}

/* Single product page */
.single-product .price { font-size: 22px !important; }
.single-product .woocommerce-product-details__short-description { color: #4A3C2F; }
.woocommerce-tabs ul.tabs li a {
	font-family: 'IBM Plex Mono', monospace !important;
	text-transform: uppercase; font-size: 12px; letter-spacing: 0.06em;
}

/* Cart & checkout tables */
.woocommerce table.shop_table, .wc-block-cart-items {
	border: 1px solid #E4DBC9 !important;
}
.woocommerce table.shop_table th {
	font-family: 'IBM Plex Mono', monospace !important;
	text-transform: uppercase; font-size: 11px; letter-spacing: 0.06em; color: #A67B2E !important;
	background: #F4EFE4 !important;
}
.woocommerce-checkout #payment, .wc-block-checkout__payment-method {
	background: #F4EFE4 !important;
	border: 1px solid #E4DBC9 !important;
}

/* Quantity inputs, form fields — sharp, hairline border, matches site .field inputs */
.woocommerce input.qty, .woocommerce table.shop_table td input.input-text,
.woocommerce-checkout input.input-text, .woocommerce-checkout select {
	border: 1px solid #E4DBC9 !important;
	border-radius: 0 !important;
	font-family: 'Manrope', sans-serif !important;
	padding: 10px 12px !important;
}

/* Sale/on-sale badge in brand bronze rather than default Woo pink */
.woocommerce span.onsale, .wc-block-components-product-sale-badge {
	background: #C99A3E !important;
	color: #F4EFE4 !important;
	font-family: 'IBM Plex Mono', monospace !important;
	border-radius: 0 !important;
}

/* Star ratings — keep default color scheme but align font */
.woocommerce .star-rating { font-family: inherit; }

@media (max-width: 768px) {
	.woocommerce-products-header__title.page-title { font-size: 28px !important; }
}