/**
 * Single product (PDP): galerij, prijs/voorraad, PDP-USP's, tabs.
 */

.product-gallery__main { aspect-ratio: 1/1; background: var( --surface-alt ); border-radius: var( --radius-md ); overflow: hidden; }
.product-gallery__main-image { width: 100%; height: 100%; object-fit: contain; }
.product-gallery__thumbs {
	display: flex;
	gap: var( --space-2 );
	margin-top: var( --space-3 );
	overflow-x: auto;
}
.product-gallery__thumb-link {
	display: block;
	width: 64px;
	height: 64px;
	border: 2px solid var( --border );
	border-radius: var( --radius-sm );
	overflow: hidden;
	flex-shrink: 0;
}
.product-gallery__thumb-link.is-active,
.product-gallery__thumb-link:hover { border-color: var( --brand-primary ); }
.product-gallery__thumb-link img { width: 100%; height: 100%; object-fit: cover; }

.pdp__summary .product_title { margin-bottom: var( --space-2 ); }
.pdp__summary .price { font-size: 1.5rem; font-weight: 800; display: block; margin: var( --space-2 ) 0; }
.pdp__summary .price del { font-size: 0.6em; color: var( --text-muted ); }
.pdp__summary .stock { font-weight: 600; margin-bottom: var( --space-3 ); display: inline-block; }
.pdp__summary .stock.in-stock { color: var( --color-success ); }
.pdp__summary .stock.out-of-stock { color: var( --color-danger ); }

.pdp__summary form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --space-3 );
	margin-block: var( --space-4 );
}
.pdp__summary .quantity input { width: 4.5rem; }
.pdp__summary .single_add_to_cart_button {
	flex-grow: 1;
	min-width: 200px;
}

.pdp-usps {
	display: grid;
	gap: var( --space-2 );
	margin-block: var( --space-4 );
	padding: var( --space-3 );
	background: var( --surface-alt );
	border-radius: var( --radius-md );
	font-size: 0.9rem;
}

/* ---- WooCommerce product tabs: toegankelijke tab-lijst, op mobiel als
   accordion-gedrag via assets/js/accordion.js (progressive enhancement) ---- */
.woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var( --space-2 );
	border-bottom: 1px solid var( --border );
	margin-bottom: var( --space-4 );
}
.woocommerce-tabs ul.tabs li { margin: 0; }
.woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: var( --space-3 );
	font-weight: 600;
	text-decoration: none;
	color: var( --text-muted );
	min-height: var( --tap-target-min );
}
.woocommerce-tabs ul.tabs li.active a { color: var( --brand-primary ); border-bottom: 2px solid var( --brand-primary ); }

.product-specs { margin-top: var( --space-3 ); }

/* ---- Vaak samen gekocht / gerelateerd ---- */
.up-sells, .related.products {
	margin-top: var( --space-7 );
}
.up-sells > h2, .related.products > h2 { margin-bottom: var( --space-4 ); }
.up-sells ul.products,
.related.products ul.products {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: var( --space-4 );
}
@media ( min-width: 700px ) {
	.up-sells ul.products,
	.related.products ul.products { grid-template-columns: repeat( 4, 1fr ); }
}