/*
Theme Name: SellFont Thermal
Theme URI: https://sellfont.com
Description: WooCommerce-first storefront for pxThermal pixel fonts. Child of Twenty Twenty-Five.
Author: SellFont
Template: twentytwentyfive
Version: 1.5.8
Text Domain: sellfont-thermal
*/

:root {
	--sf-font-stack: "IBM Plex Sans", system-ui, sans-serif;
}

body {
	background: linear-gradient(180deg, #f4f6f8 0%, #dce1e8 48%, #eceff3 100%);
	font-family: var(--sf-font-stack);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body .wp-site-blocks,
body .wp-site-blocks :where(
	p, h1, h2, h3, h4, h5, h6,
	a, button, input, select, textarea, label,
	li, td, th, figcaption,
	.wp-block-site-title,
	.wp-block-navigation,
	.wp-block-post-title,
	.wc-block-components-product-name,
	.wc-block-grid__product-title,
	.woocommerce-loop-product__title,
	.price, .amount
) {
	font-family: var(--sf-font-stack) !important;
}

body .star-rating,
body .star-rating::before {
	font-family: WooCommerce, star, sans-serif !important;
}

.wp-site-blocks {
	background: transparent;
}

.wp-block-group.has-background,
.wc-block-product-template li.product {
	background-color: rgba(248, 250, 252, 0.92);
	border: 1px solid #cbd5e1;
	border-radius: 6px;
}

.sf-site-logo.wp-block-site-logo img {
	height: auto;
	max-height: 72px;
	width: auto;
	max-width: min(220px, 55vw);
}

.sf-site-header {
	align-items: center;
	gap: 1rem;
}

li.product img,
.wc-block-product img,
.wc-block-product-template img,
.wc-block-grid__product-image img,
.wc-block-components-product-image img,
.woocommerce-product-gallery img,
.woocommerce-product-gallery__image img,
.wp-post-image,
img.sf-charset,
img[src*="charset-pxThermal"] {
	width: 360px !important;
	height: 360px !important;
	max-width: 360px !important;
	object-fit: contain;
	image-rendering: auto;
}