/**
 * Nzele Cards (Artwork, Collections, Artists) component styles
 */

/* General product card spacing and clean presentation */
.products .product,
.qodef-woo-product-list .product,
ul.products li.product {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin-bottom: var(--nzle-space-xl) !important;
	box-shadow: none !important;
	transition: all 400ms var(--nzle-transition-easing) !important;
	display: flex;
	flex-direction: column;
}

/* Elegant image container: Museum framing */
.products .product .qodef-woo-product-image-inner,
ul.products li.product .qodef-woo-product-image-inner {
	position: relative;
	overflow: hidden;
	background-color: var(--nzle-white);
	border: 1px solid var(--nzle-border);
	transition: box-shadow 450ms var(--nzle-transition-easing) !important;
}

/* Subtle zoom effect on hover */
.products .product:hover .qodef-woo-product-image-inner img,
ul.products li.product:hover .qodef-woo-product-image-inner img {
	transform: scale(1.03) !important;
}

.products .product .qodef-woo-product-image-inner img,
ul.products li.product .qodef-woo-product-image-inner img {
	transition: transform 700ms var(--nzle-transition-easing) !important;
	width: 100% !important;
	height: auto !important;
	display: block;
	transform-origin: center center;
}

/* Soft shadow overlay and elegant fade effect on card hover */
.products .product:hover .qodef-woo-product-image-inner,
ul.products li.product:hover .qodef-woo-product-image-inner {
	box-shadow: 0 15px 40px rgba(17, 17, 17, 0.05) !important;
}

/* Metadata container styling */
.products .product .qodef-woo-product-content,
ul.products li.product .qodef-woo-product-content,
.nzle-product-metadata {
	text-align: center !important;
	background: transparent !important;
	padding: var(--nzle-space-md) 0 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Artwork Title - Serif Elegance */
.products .product .woocommerce-loop-product__title,
.products .product .qodef-woo-product-title,
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--nzle-font-display) !important;
	font-size: 1.35rem !important;
	font-weight: 400 !important;
	font-style: italic !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: var(--nzle-black) !important;
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	display: inline-block;
	position: relative;
	transition: color 300ms var(--nzle-transition-easing);
}

.products .product .woocommerce-loop-product__title a,
ul.products li.product .woocommerce-loop-product__title a {
	color: inherit !important;
	text-decoration: none !important;
	position: relative;
}

/* Elegant gold line under the title drawing itself on hover */
.products .product .woocommerce-loop-product__title a::after,
ul.products li.product .woocommerce-loop-product__title a::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: var(--nzle-accent);
	transition: width 350ms var(--nzle-transition-easing), left 350ms var(--nzle-transition-easing);
}

.products .product:hover .woocommerce-loop-product__title a::after,
ul.products li.product:hover .woocommerce-loop-product__title a::after {
	width: 60%;
	left: 20%;
}

.products .product:hover .woocommerce-loop-product__title,
ul.products li.product:hover .woocommerce-loop-product__title {
	color: var(--nzle-accent) !important;
}

/* Custom Metadata Block */
.nzle-product-metadata {
	padding: 0 !important;
	margin: 2px 0 6px 0 !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

/* Artist Metadata - Sans-serif tracking */
.nzle-product-artist {
	font-family: var(--nzle-font-body) !important;
	font-size: 0.85rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: var(--nzle-letter-spacing-wide) !important;
	color: var(--nzle-black) !important;
}

/* Medium Metadata - Sans-serif, lightweight, italic/light grey */
.nzle-product-medium {
	font-family: var(--nzle-font-body) !important;
	font-size: 0.8rem !important;
	font-weight: 300;
	color: var(--nzle-text-secondary) !important;
	letter-spacing: 0.05em;
}

/* Price styling */
.products .product .price,
ul.products li.product .price,
.products .product .qodef-woo-product-price {
	font-family: var(--nzle-font-body) !important;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	color: var(--nzle-charcoal) !important;
	letter-spacing: var(--nzle-letter-spacing-wide) !important;
	margin-top: 2px !important;
	display: block;
}

.products .product .price ins,
ul.products li.product .price ins {
	text-decoration: none !important;
	font-weight: 400 !important;
	color: var(--nzle-black) !important;
}

.products .product .price del,
ul.products li.product .price del {
	color: #999999 !important;
	font-size: 0.8rem !important;
	margin-right: 6px !important;
}