/*
Theme Name: Houhang
Theme URI: https://houhang.wp.local/
Author: FUMOT TECH LIMITED
Description: Custom storefront for Houhang — contemporary denim and ready-to-wear.
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.0
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: houhang
Tags: full-site-editing, woocommerce, e-commerce, block-patterns, accessibility-ready
*/

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

.hh-ticket {
	font-family: var(--wp--preset--font-family--ticket);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--faded);
}

.wp-block-separator.hh-selvedge,
.hh-selvedge {
	height: 3px;
	width: 100%;
	max-width: none;
	border: 0;
	background: linear-gradient(
		to bottom,
		var(--wp--preset--color--indigo) 0 1px,
		var(--wp--preset--color--stitch) 1px 2px,
		var(--wp--preset--color--indigo) 2px 3px
	);
}

.hh-site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: var(--wp--preset--color--chalk);
}

.hh-legal p,
.hh-prose p {
	max-width: 42rem;
}

.hh-address {
	font-family: var(--wp--preset--font-family--ticket);
	font-size: 0.78rem;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--indigo);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.wp-element-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--stitch);
	outline-offset: 3px;
}

.woocommerce ul.products li.product a img,
.wc-block-product-template .wc-block-components-product-image img,
.wp-block-woocommerce-product-image img {
	border-radius: 0;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	background: var(--wp--preset--color--mill);
}

.wc-block-product-template .wp-block-post-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.92rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs .panel {
	border-radius: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order,
.wc-block-components-button {
	border-radius: 0 !important;
	font-family: var(--wp--preset--font-family--ticket);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.woocommerce span.onsale {
	display: none;
}

.wp-block-woocommerce-mini-cart {
	line-height: 1;
}

form.cart {
	flex-wrap: wrap;
}

.hh-qty-limit {
	flex: 1 0 100%;
	width: 100%;
	margin: 0.55rem 0 0;
	font-family: var(--wp--preset--font-family--ticket);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--wp--preset--color--faded);
}

.wp-block-woocommerce-cart-items-block::before,
.wp-block-woocommerce-checkout-order-summary-cart-items-block::before,
.wp-block-woocommerce-mini-cart-items-block::before {
	content: var(--hh-qty-limit);
	display: block;
	flex: 0 0 auto;
	width: auto;
	margin: 0 0 0.75rem;
	font-family: var(--wp--preset--font-family--ticket);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--wp--preset--color--faded);
}

.wp-block-separator.hh-hero-rule,
.hh-hero-rule {
	width: 72px;
	max-width: 72px;
	height: 3px;
	margin-left: 0;
	border: 0;
	background: var(--wp--preset--color--stitch);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}