/**
 * Bluerizon — product template elements.
 *
 * Deliberately thin. Most of these elements delegate to WooCommerce's own
 * templates, so their markup is already styled by WooCommerce and by whatever
 * the shop has customised; adding opinions here would fight both. Only the
 * builder's own wrappers and the two non-WooCommerce gallery layouts are
 * styled, and the section/element controls in the inspector do the rest.
 */

.bz-product-el { width: 100%; min-width: 0; }

/* WooCommerce floats its gallery and summary on single product pages. Inside
   a builder column that float is wrong — the column already decides the
   layout — so it is neutralised for our wrappers only. */
.bz-product-el .woocommerce-product-gallery,
.bz-product-el .summary,
.bz-product-el div.product .woocommerce-product-gallery {
	float: none;
	width: 100%;
	margin: 0;
}

.bz-product-title { margin: 0; }

.bz-product-price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.bz-product-price del { opacity: .5; }
.bz-product-price ins { text-decoration: none; }

.bz-product-excerpt-el > *:first-child,
.bz-product-description-el > *:first-child { margin-top: 0; }
.bz-product-excerpt-el > *:last-child,
.bz-product-description-el > *:last-child { margin-bottom: 0; }

.bz-product-meta-el { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: .85em; }
.bz-product-meta-label { opacity: .6; letter-spacing: .08em; text-transform: uppercase; font-size: .85em; }
.bz-product-meta-el a { color: inherit; }

.bz-product-breadcrumb { font-size: .8em; opacity: .7; }
.bz-product-breadcrumb a { color: inherit; }

/* Plain gallery layouts (Stack and Grid) — no zoom, no lightbox, no scripts. */
.bz-product-gallery-inner {
	display: grid;
	grid-template-columns: repeat(var(--bz-pg-cols, 1), minmax(0, 1fr));
	gap: 12px;
}
.bz-product-gallery-item { margin: 0; min-width: 0; }
.bz-product-gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: var(--bz-pg-ratio, auto);
}

@media (max-width: 767px) {
	.bz-product-gallery--grid .bz-product-gallery-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}