/*
 * Meridian Lite — Block styles
 * Product cards, gallery, and archive layout.
 */

/* ----------------------------------------------------------------
   Product card
   ---------------------------------------------------------------- */
.product-card {
	width: 100%;
}

.product-card .wp-block-woocommerce-product-image,
.product-card .woocommerce-product-gallery {
	overflow: hidden;
}

.product-card .wp-block-woocommerce-product-image img {
	transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover .wp-block-woocommerce-product-image img {
	transform: scale(1.03);
}

/* ----------------------------------------------------------------
   WooCommerce product archive — sidebar filters
   ---------------------------------------------------------------- */
.archive-filter-block .wc-block-filter-submit-button {
	margin-top: 0.5rem;
}

/* ----------------------------------------------------------------
   Category tiles
   ---------------------------------------------------------------- */
.category-tile.wp-block-cover .wp-block-cover__inner-container {
	text-align: left;
	padding: 2rem;
}

/* ----------------------------------------------------------------
   Pull-quote custom block style
   ---------------------------------------------------------------- */
.wp-block-quote.is-style-meridian-pullquote {
	border-left: 3px solid var(--wp--preset--color--accent);
	padding-left: var(--wp--preset--spacing--32);
	font-family: var(--wp--preset--font-family--heading);
	font-style: italic;
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 400;
	line-height: 1.4;
}

/* ----------------------------------------------------------------
   Related products grid
   ---------------------------------------------------------------- */
.related-products .wc-block-grid__products {
	gap: 1.5rem;
}

/* ----------------------------------------------------------------
   Accessibility: Focus within product card
   ---------------------------------------------------------------- */
.product-card a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}