/*
 * Single product — phase 1 (.led-product)
 *
 *   .led-product
 *   .led-product__layout
 *   .led-product__gallery
 *   .led-product__summary
 */

/* -------------------------------------------------------------------------
   Layout
   ------------------------------------------------------------------------- */

html body.led-product-page .led-product__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-8, 2rem);
	align-items: start;
}

@media (min-width: 768px) {
	html body.led-product-page .led-product__layout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--space-10, 2.5rem);
	}
}

@media (min-width: 981px) {
	html body.led-product-page .led-product__layout {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
		gap: var(--space-12, 3rem);
	}
}

/* -------------------------------------------------------------------------
   Gallery — reserve space (CLS)
   ------------------------------------------------------------------------- */

html body.led-product-page .led-product__gallery {
	position: relative;
	width: 100%;
	min-width: 0;
}

html body.led-product-page .led-product__gallery .woocommerce-product-gallery {
	width: 100%;
	margin: 0;
	aspect-ratio: 1 / 1;
	background: var(--color-bg-subtle, #f5f9f6);
}

html body.led-product-page .led-product__gallery .woocommerce-product-gallery__wrapper,
html body.led-product-page .led-product__gallery .woocommerce-product-gallery__image {
	margin: 0;
}

html body.led-product-page .led-product__gallery .woocommerce-product-gallery__image img,
html body.led-product-page .led-product__gallery .wp-post-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

html body.led-product-page .led-product__gallery .onsale {
	position: absolute;
	z-index: 2;
	top: var(--space-3, 0.75rem);
	left: var(--space-3, 0.75rem);
	margin: 0;
	padding: 0.25rem 0.6rem;
	border-radius: var(--btn-radius, 8px);
	background: var(--color-orange-600, #e85d04);
	color: var(--color-white, #fff);
	font-size: var(--font-size-small, 13px);
	font-weight: var(--font-weight-semibold, 600);
	line-height: 1.3;
}

/* -------------------------------------------------------------------------
   Summary / buy box
   ------------------------------------------------------------------------- */

html body.led-product-page .led-product__summary {
	min-width: 0;
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

html body.led-product-page .led-product__summary .product_title {
	margin: 0 0 var(--space-4, 1rem);
	color: var(--color-text, #1a1a1a);
}

html body.led-product-page .led-product__summary .price {
	margin: 0 0 var(--space-4, 1rem);
	color: var(--color-primary-400, #0aad57);
	font-weight: var(--font-weight-semibold, 600);
}

html body.led-product-page .led-product__summary .woocommerce-product-rating {
	margin: 0 0 var(--space-3, 0.75rem);
}

html body.led-product-page .led-product__summary .woocommerce-product-details__short-description {
	margin: 0 0 var(--space-6, 1.5rem);
	color: var(--color-text-muted, #565656);
}

html body.led-product-page .led-product__summary .stock {
	margin: 0 0 var(--space-4, 1rem);
	font-weight: var(--font-weight-semibold, 600);
}

html body.led-product-page .led-product__summary .stock.in-stock {
	color: var(--color-primary-700, #078a3e);
}

html body.led-product-page .led-product__summary .stock.out-of-stock {
	color: var(--color-text-muted, #565656);
}

/* -------------------------------------------------------------------------
   Variations
   ------------------------------------------------------------------------- */

html body.led-product-page .led-product__summary table.variations {
	width: 100%;
	margin: 0 0 var(--space-4, 1rem);
	border: 0;
}

html body.led-product-page .led-product__summary table.variations td,
html body.led-product-page .led-product__summary table.variations th {
	border: 0;
	padding: 0.35rem 0;
	background: transparent;
	vertical-align: middle;
}

html body.led-product-page .led-product__summary table.variations label {
	font-weight: var(--font-weight-semibold, 600);
	color: var(--color-text, #1a1a1a);
}

html body.led-product-page .led-product__summary table.variations select {
	width: 100%;
	max-width: 100%;
	min-height: var(--btn-height, 49px);
	padding: 0.5rem 0.75rem;
	border: var(--border-width, 1px) solid var(--color-gray-400, #c4c4c4);
	border-radius: var(--btn-radius, 8px);
	background: var(--color-bg, #fff);
	color: var(--color-text, #1a1a1a);
}

html body.led-product-page .led-product__summary .woocommerce-variation-add-to-cart,
html body.led-product-page .led-product__summary form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3, 0.75rem);
}

/* Qty: kill Divi-era 50% offset inside theme PDP */
html body.led-product-page .led-product__summary .led-qty-wrapper {
	margin-left: 0;
}

html body.led-product-page .led-product__summary .single_add_to_cart_button {
	flex: 1 1 auto;
	min-width: 10rem;
}

/* -------------------------------------------------------------------------
   Meta + plugin extras (PEWC hooks into form)
   ------------------------------------------------------------------------- */

html body.led-product-page .led-product__summary .product_meta {
	margin-top: var(--space-6, 1.5rem);
	font-size: var(--font-size-small, 13px);
	color: var(--color-text-muted, #565656);
}

html body.led-product-page .led-product__summary .pewc-product-extra-groups-wrap {
	width: 100%;
	flex: 1 1 100%;
	margin: var(--space-4, 1rem) 0;
}

html body.led-product-page .led-theme-product-extension:empty {
	display: none;
}