/*
Theme Name: Commerce Blocksy Child
Description: A lightweight, generic Blocksy child theme for WooCommerce storefronts.
Author: Commerce Blocksy Child Contributors
Template: blocksy
Version: 1.6.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: commerce-blocksy-child
Domain Path: /languages
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, blocksy, block-patterns
*/

:root {
	--commerce-text: var(--theme-palette-color-4, #1f2933);
	--commerce-muted: var(--theme-palette-color-3, #667085);
	--commerce-surface: var(--theme-palette-color-8, #ffffff);
	--commerce-surface-alt: var(--theme-palette-color-7, #f7f8fa);
	--commerce-border: var(--theme-border-color, #e4e7ec);
	--commerce-accent: var(--theme-palette-color-1, #2563eb);
	--commerce-accent-hover: var(--theme-palette-color-2, #1d4ed8);
	--commerce-shadow: 0 14px 34px rgba(16, 24, 40, 0.08);
	--commerce-card-background: var(--commerce-surface);
	--commerce-card-border: var(--commerce-border);
	--commerce-card-border-width: 1px;
	--commerce-card-radius: 0.5rem;
	--commerce-card-shadow: var(--commerce-shadow);
	--commerce-card-hover-shadow: 0 18px 40px rgba(16, 24, 40, 0.12);
	--commerce-card-padding: var(--wp--preset--spacing--s, 1rem);
	--commerce-card-gap: var(--wp--preset--spacing--xs, 0.75rem);
	--commerce-card-image-ratio: 1 / 1;
	--commerce-card-image-radius: var(--commerce-card-radius);
	--commerce-card-title-size: var(--wp--preset--font-size--regular, 1rem);
	--commerce-card-title-line-height: 1.45;
	--commerce-card-price-size: var(--wp--preset--font-size--small, 0.95rem);
	--commerce-card-badge-gap: var(--wp--preset--spacing--2-xs, 0.5rem);
	--commerce-card-button-height: 2.75rem;
	--commerce-card-button-radius: 0.35rem;
	--commerce-card-focus-width: 3px;
	--commerce-card-focus-offset: 3px;
	--commerce-card-transition-duration: 160ms;
	--commerce-card-transition-timing: ease;
	--commerce-card-grid-gap: clamp(var(--wp--preset--spacing--s, 1rem), 2vw, var(--wp--preset--spacing--m, 1.5rem));
	--commerce-card-vertical-rhythm: var(--wp--preset--spacing--s, 1rem);
}

html {
	scroll-behavior: smooth;
}

body.commerce-storefront {
	background: var(--commerce-surface);
	color: var(--commerce-text);
}

body.commerce-storefront :focus-visible {
	outline: var(--commerce-card-focus-width) solid var(--commerce-accent);
	outline-offset: var(--commerce-card-focus-offset);
}

.screen-reader-text:focus {
	background: #ffffff;
	color: var(--commerce-text);
	font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}