/*
Theme Name: Printcart Stores
Theme URI: https://www.printcart.com/
Author: Printcart
Author URI: https://www.printcart.com/
Description: A block theme for online print shops and WooCommerce stores, built for the Printcart Store plugin. Presentation only: design tokens, templates, header and footer variants, and patterns. Product, cart and checkout pages use the WooCommerce blocks and the theme also renders cleanly without WooCommerce.
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
Version: 0.2.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: printcart-stores
Tags: e-commerce, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, wide-blocks, translation-ready
*/

/* Most styling lives in theme.json. Only what theme.json cannot express is here. */
.is-style-outline-button .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border-width: 1px;
	border-style: solid;
}

.printcart-topbar a {
	text-decoration: none;
}

.printcart-topbar .wp-block-social-links {
	gap: 0.75rem;
}

.printcart-header .wp-block-navigation a {
	text-transform: uppercase;
	text-decoration: none;
}

.printcart-page-title {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.printcart-footer a {
	text-decoration: none;
}

.printcart-footer a:hover,
.printcart-footer a:focus {
	text-decoration: underline;
}

.printcart-divider {
	width: 25%;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
}

.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: 0;
}

/* Below ~480px the header row (logo/title, nav toggle, search, cart) no longer fits on one unwrapped line;
   flex-wrap: nowrap then pushes the cart icon past the viewport edge and forces horizontal scroll. Every
   header pattern variant shares the "printcart-header" class, so this one rule covers all of them. */
@media (max-width: 480px) {
	.printcart-header > .wp-block-group {
		flex-wrap: wrap;
		row-gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}
