/* WooCommerce single-product overrides for Liz Manette. */

/* --------------------------------------------------------------------------
 * Single product layout
 * -------------------------------------------------------------------------- */

.lm-single-product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	max-width: var(--site-width, 75rem);
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
	color: var(--graphite, #423E3F);
}

@media (max-width: 768px) {
	.lm-single-product {
		grid-template-columns: 1fr;
		gap: 2rem;
		padding: 1rem 1rem 3rem;
	}
}

/* Reset WooCommerce default float widths. */
.woocommerce div.product .lm-single-product__gallery,
.woocommerce div.product .lm-single-product__summary {
	float: none;
	width: 100%;
	clear: none;
}

.lm-single-product__gallery {
	position: relative;
}

.lm-single-product__gallery .woocommerce-product-gallery {
	width: 100% !important;
}

.lm-single-product__gallery .woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	display: block;
	background: #fff;
}

/* Hide gallery thumbnails to match the single-image design. */
.lm-single-product__gallery .flex-control-thumbs {
	display: none;
}

/* --------------------------------------------------------------------------
 * Product summary
 * -------------------------------------------------------------------------- */

.lm-single-product__summary .product_title {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 0 0 0.25rem;
	color: var(--graphite, #423E3F);
}

.lm-product-collection {
	font-size: 0.875rem;
	color: var(--dim-grey, #757474);
	margin: 0 0 0.75rem;
}

.lm-single-product__summary .price {
	display: block;
	font-size: 1.125rem;
	color: var(--dim-grey, #757474);
	margin: 0 0 0.75rem;
}

.lm-single-product__summary .price ins {
	text-decoration: none;
}

.lm-single-product__summary .price del {
	color: var(--dim-grey, #757474);
	opacity: 0.7;
	margin-right: 0.5rem;
}

/* --------------------------------------------------------------------------
 * Rating
 * -------------------------------------------------------------------------- */

.lm-product-rating {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1.5rem;
}

.lm-product-rating .star-rating,
.lm-product-rating .star-rating::before,
.lm-product-rating .star-rating span::before {
	color: #F5C518;
}

.lm-product-rating .star-rating {
	font-size: 1rem;
	width: 5.4em;
	letter-spacing: 0;
}

.lm-product-rating .woocommerce-review-link {
	font-size: 0.875rem;
	color: var(--dim-grey, #757474);
	text-decoration: none;
}

.lm-product-rating .woocommerce-review-link:hover,
.lm-product-rating .woocommerce-review-link:focus {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
 * Add to cart row
 * -------------------------------------------------------------------------- */

.lm-add-to-cart-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	margin: 0 0 1.5rem;
}

.lm-quantity-stepper {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.lm-quantity-stepper__label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
}

.lm-quantity-stepper__wrap {
	display: inline-flex;
	align-items: center;
	background: #f5f5f5;
	border-radius: 3px;
	overflow: hidden;
}

.lm-quantity-stepper__button {
	width: 2.25rem;
	height: 2.25rem;
	background: transparent;
	border: none;
	color: var(--dim-grey, #757474);
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	transition: color 0.2s ease;
}

.lm-quantity-stepper__button:hover,
.lm-quantity-stepper__button:focus {
	color: var(--graphite, #423E3F);
}

.lm-quantity-stepper__wrap .quantity {
	margin: 0 !important;
}

.lm-quantity-stepper__wrap .quantity .qty {
	width: 2.5rem;
	height: 2.25rem;
	border: none;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-radius: 0;
	text-align: center;
	font-size: 0.875rem;
	color: var(--graphite, #423E3F);
	background: transparent;
	-moz-appearance: textfield;
	appearance: textfield;
}

.lm-quantity-stepper__wrap .quantity .qty::-webkit-outer-spin-button,
.lm-quantity-stepper__wrap .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.lm-single-product__summary .single_add_to_cart_button {
	background-color: var(--graphite, #423E3F) !important;
	color: #fff !important;
	border: 1px solid var(--graphite, #423E3F) !important;
	border-radius: 3px !important;
	padding: 0.75rem 1.5rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.lm-single-product__summary .single_add_to_cart_button:hover,
.lm-single-product__summary .single_add_to_cart_button:focus {
	background-color: #fff !important;
	color: var(--graphite, #423E3F) !important;
}

/* --------------------------------------------------------------------------
 * Share and wishlist row
 * -------------------------------------------------------------------------- */

.lm-single-product__meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 2rem;
	padding-top: 1rem;
	border-top: 1px solid #e5e5e5;
	flex-wrap: wrap;
}

.lm-product-share {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.lm-product-share__label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
}

.lm-product-share__list {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.lm-product-share__list a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--dim-grey, #757474);
	transition: color 0.2s ease;
}

.lm-product-share__list a:hover,
.lm-product-share__list a:focus {
	color: var(--graphite, #423E3F);
}

.lm-product-share__list svg {
	display: block;
	fill: currentColor;
}

.lm-wishlist-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: transparent;
	border: none;
	padding: 0;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	cursor: pointer;
	transition: color 0.2s ease;
}

.lm-wishlist-button:hover,
.lm-wishlist-button:focus {
	color: var(--dim-grey, #757474);
}

.lm-wishlist-button__icon {
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 2px;
}

.lm-wishlist-button.is-active .lm-wishlist-button__icon {
	fill: var(--graphite, #423E3F);
	stroke: var(--graphite, #423E3F);
}

/* --------------------------------------------------------------------------
 * Overview
 * -------------------------------------------------------------------------- */

.lm-product-overview {
	margin-top: 1.5rem;
}

.lm-product-overview h2 {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 0 0 0.75rem;
}

.lm-product-overview .woocommerce-product-details__short-description {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--dim-grey, #757474);
}

.lm-product-overview .woocommerce-product-details__short-description p {
	margin: 0 0 1rem;
}

/* --------------------------------------------------------------------------
 * Notices and sale flash
 * -------------------------------------------------------------------------- */

.lm-single-product .woocommerce-message,
.lm-single-product .woocommerce-error,
.lm-single-product .woocommerce-info {
	grid-column: 1 / -1;
}

.lm-single-product .onsale {
	position: absolute;
	z-index: 1;
	top: 1rem;
	left: 1rem;
	background: var(--graphite, #423E3F);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 0.35rem 0.75rem;
	border-radius: 3px;
}

/* --------------------------------------------------------------------------
 * Shop / archive page
 * -------------------------------------------------------------------------- */

.lm-shop-page {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 3rem;
	max-width: var(--site-width, 75rem);
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

@media (max-width: 768px) {
	.lm-shop-page {
		grid-template-columns: 1fr;
		gap: 2rem;
		padding: 1rem 1rem 3rem;
	}
}

.lm-shop-sidebar {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.lm-shop-sidebar__section {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 1.5rem;
}

.lm-shop-sidebar__title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 0 0 1rem;
}

/* Categories list */

.lm-shop-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lm-shop-categories__item {
	margin-bottom: 0.5rem;
}

.lm-shop-categories__item a {
	color: var(--dim-grey, #757474);
	font-size: 0.9375rem;
	text-decoration: none;
	transition: color 0.2s ease;
}

.lm-shop-categories__item a:hover,
.lm-shop-categories__item.is-active a {
	color: var(--graphite, #423E3F);
}

/* Price filter widget */

.widget_price_filter .price_slider {
	margin-bottom: 1rem;
}

.widget_price_filter .price_slider_amount {
	line-height: 1.5;
	font-size: 0.875rem;
}

.widget_price_filter .price_slider_amount input[type="text"] {
	width: 4.5rem;
	padding: 0.35rem;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	font-size: 0.875rem;
	color: var(--graphite, #423E3F);
	text-align: center;
}

.widget_price_filter .price_slider_amount .button {
	background: var(--graphite, #423E3F);
	color: #fff;
	border: 1px solid var(--graphite, #423E3F);
	border-radius: 3px;
	padding: 0.35rem 0.75rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.widget_price_filter .price_slider_amount .button:hover,
.widget_price_filter .price_slider_amount .button:focus {
	background: #fff;
	color: var(--graphite, #423E3F);
}

.widget_price_filter .price_label {
	color: var(--dim-grey, #757474);
	font-size: 0.875rem;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

/* jQuery UI slider overrides */
.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
	height: 0.35em;
	border-radius: 0.35em;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 0.7em;
	display: block;
	border: 0;
	border-radius: 0.35em;
	background: #000;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	background: #000;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	top: -0.3em;
	margin-left: -0.5em;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: #e5e5e5;
	border: 0;
}

/* Product grid loading state */

#lm-product-grid {
	position: relative;
	min-height: 200px;
	transition: opacity 0.2s ease;
}

#lm-product-grid.is-loading {
	opacity: 0.4;
	pointer-events: none;
}

/* Product grid */

.lm-shop-content .woocommerce-result-count {
	font-size: 0.875rem;
	color: var(--dim-grey, #757474);
	margin-bottom: 1rem;
}

.lm-shop-content .woocommerce-ordering {
	margin-bottom: 1.5rem;
}

.lm-shop-content .woocommerce-ordering select {
	padding: 0.5rem;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	font-size: 0.875rem;
	color: var(--graphite, #423E3F);
}

.lm-shop-content .products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

@media (max-width: 768px) {
	.lm-shop-content .products {
		grid-template-columns: repeat(2, 1fr);
	}
}

.lm-shop-content .product {
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.lm-shop-content .product:hover {
	box-shadow: 0 4px 12px rgba(66, 62, 63, 0.08);
}

.lm-shop-content .product a.woocommerce-LoopProduct-link {
	display: block;
	text-decoration: none;
	flex-grow: 1;
}

.lm-shop-content .product img {
	width: 100%;
	height: auto;
	display: block;
}

.lm-shop-content .product .woocommerce-loop-product__title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 1rem 1rem 0.5rem;
}

.lm-shop-content .product .price {
	font-size: 0.9375rem;
	color: var(--dim-grey, #757474);
	margin: 0 1rem 1rem;
}

.lm-shop-content .product .button,
.related.products .product .button,
.upsells.products .product .button {
	background: var(--graphite, #423E3F);
	color: #fff;
	border: 1px solid var(--graphite, #423E3F);
	border-radius: 3px;
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: auto 1rem 1rem;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.lm-shop-content .product .button:hover,
.lm-shop-content .product .button:focus,
.related.products .product .button:hover,
.related.products .product .button:focus,
.upsells.products .product .button:hover,
.upsells.products .product .button:focus {
	background: #fff;
	color: var(--graphite, #423E3F);
}

/* Align product card elements — title grows to push price + button to the bottom */
.lm-shop-content .wc-block-product-template li {
	display: flex;
	flex-direction: column;
}

/* Fixed-height image area so all cards align regardless of image proportions */
.lm-shop-content .wc-block-product-template li .wp-block-woocommerce-product-image {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lm-shop-content .wc-block-product-template li .wp-block-woocommerce-product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.lm-shop-content .wc-block-product-template li .wp-block-post-title {
	flex-grow: 1;
}

/* Product collection block button — centered */
.lm-shop-content .wp-block-button.wc-block-components-product-button,
.lm-shop-content .wc-block-components-product-button {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.lm-shop-content .wc-block-components-product-button .wc-block-components-product-button__button,
.lm-shop-content .wc-block-components-product-button .wp-block-button__link {
	background: var(--graphite, #423E3F) !important;
	color: #fff !important;
	border: 1px solid var(--graphite, #423E3F) !important;
	border-radius: 3px !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	padding: 0.75rem 1rem !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	white-space: nowrap !important;
	transition: background 0.2s ease, color 0.2s ease !important;
}

.lm-shop-content .wc-block-components-product-button .wc-block-components-product-button__button:hover,
.lm-shop-content .wc-block-components-product-button .wc-block-components-product-button__button:focus,
.lm-shop-content .wc-block-components-product-button .wp-block-button__link:hover,
.lm-shop-content .wc-block-components-product-button .wp-block-button__link:focus {
	background: #fff !important;
	color: var(--graphite, #423E3F) !important;
}

.lm-shop-content .woocommerce-pagination {
	margin-top: 2rem;
}

.lm-shop-content .woocommerce-pagination .page-numbers {
	display: inline-flex;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.lm-shop-content .woocommerce-pagination .page-numbers a,
.lm-shop-content .woocommerce-pagination .page-numbers.current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	font-size: 0.875rem;
	color: var(--graphite, #423E3F);
	text-decoration: none;
}

.lm-shop-content .woocommerce-pagination .page-numbers.current {
	background: var(--graphite, #423E3F);
	color: #fff;
	border-color: var(--graphite, #423E3F);
}

/* --------------------------------------------------------------------------
 * Featured products & quick-view modal
 * -------------------------------------------------------------------------- */

.lm-featured-products {
	max-width: var(--site-width, 75rem);
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

.lm-featured-products__title {
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 0 0 1.5rem;
}

.lm-featured-products__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.lm-featured-products.has-3-columns .lm-featured-products__grid {
	grid-template-columns: repeat(3, 1fr);
}

.lm-featured-products.has-2-columns .lm-featured-products__grid {
	grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
	.lm-featured-products__grid,
	.lm-featured-products.has-3-columns .lm-featured-products__grid,
	.lm-featured-products.has-2-columns .lm-featured-products__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.lm-featured-product {
	position: relative;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.lm-featured-product:hover {
	box-shadow: 0 4px 12px rgba(66, 62, 63, 0.08);
}

.lm-featured-product__link {
	display: block;
	text-decoration: none;
	flex-grow: 1;
}

.lm-featured-product__image {
	width: 100%;
	height: auto;
	display: block;
}

.lm-featured-product__title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 1rem 1rem 0.5rem;
}

.lm-featured-product__price {
	font-size: 0.9375rem;
	color: var(--dim-grey, #757474);
	margin: 0 1rem 1rem;
}

.lm-featured-product__quick-view {
	display: block;
	width: calc(100% - 2rem);
	margin: 0 1rem 1rem;
	background: var(--graphite, #423E3F);
	color: #fff;
	border: 1px solid var(--graphite, #423E3F);
	border-radius: 3px;
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.lm-featured-product__quick-view:hover,
.lm-featured-product__quick-view:focus {
	background: #fff;
	color: var(--graphite, #423E3F);
}

/* Modal */

.lm-quick-view {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.lm-quick-view.is-open {
	display: flex;
}

.lm-quick-view__overlay {
	position: absolute;
	inset: 0;
	background: rgba(66, 62, 63, 0.6);
	cursor: pointer;
}

.lm-quick-view__modal {
	position: relative;
	z-index: 1;
	background: #fff;
	width: 90%;
	max-width: 900px;
	max-height: 90vh;
	overflow-y: auto;
	border-radius: 3px;
	padding: 2rem;
}

.lm-quick-view__close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: transparent;
	border: none;
	font-size: 1.5rem;
	color: var(--graphite, #423E3F);
	cursor: pointer;
	line-height: 1;
}

.lm-quick-view__content {
	width: 100%;
}

.lm-quick-view__loading,
.lm-quick-view__error {
	padding: 2rem;
	text-align: center;
	color: var(--dim-grey, #757474);
}

.lm-quick-view-product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: start;
}

@media (max-width: 640px) {
	.lm-quick-view-product {
		grid-template-columns: 1fr;
	}
}

.lm-quick-view-product__gallery {
	background: #f9f9f9;
}

.lm-quick-view-product__image {
	width: 100%;
	height: auto;
	display: block;
}

.lm-quick-view-product__summary .lm-quick-view-product__title {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--graphite, #423E3F);
	margin: 0 0 0.5rem;
}

.lm-quick-view-product__summary .price {
	font-size: 1.125rem;
	color: var(--dim-grey, #757474);
	margin: 0 0 1rem;
}

.lm-quick-view-product__summary .lm-product-rating {
	margin-bottom: 1.5rem;
}

.lm-quick-view-product__summary .single_add_to_cart_button {
	background-color: var(--graphite, #423E3F) !important;
	color: #fff !important;
	border: 1px solid var(--graphite, #423E3F) !important;
	border-radius: 3px !important;
	padding: 0.75rem 1.5rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.lm-quick-view-product__summary .single_add_to_cart_button:hover,
.lm-quick-view-product__summary .single_add_to_cart_button:focus {
	background-color: #fff !important;
	color: var(--graphite, #423E3F) !important;
}

.lm-quick-view-product__details {
	display: inline-block;
	margin-top: 1rem;
	background: #fff;
	color: var(--graphite, #423E3F);
	border: 1px solid var(--graphite, #423E3F);
	border-radius: 3px;
	padding: 0.75rem 1.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.lm-quick-view-product__details:hover,
.lm-quick-view-product__details:focus {
	background: var(--graphite, #423E3F);
	color: #fff;
}

/* --------------------------------------------------------------------------
 * Classic cart — Proceed to Checkout button
 * -------------------------------------------------------------------------- */

.wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout a.button {
	display: block;
	width: 100%;
	background-color: var(--graphite, #423E3F) !important;
	color: #fff !important;
	border: 1px solid var(--graphite, #423E3F) !important;
	border-radius: 3px !important;
	padding: 0.875rem 1.5rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.2s ease !important;
}

.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.wc-proceed-to-checkout a.button:hover,
.wc-proceed-to-checkout a.button:focus {
	background-color: #595456 !important;
	color: #fff !important;
	border-color: #595456 !important;
}
