/*
 * GigaTuin shop display fixes. Loaded only on shop, category, product, cart and
 * search pages (GTS_Shop_Fixes). Colours, fonts and card styling stay the
 * site design's; only what it leaves open is set here.
 */

/* Cart "Prijs" cell: the product's own unit (GTS_Shop_Fixes::cart_item_price)
   instead of the "per stuk" the theme's style.css writes after every price.
   Same look as the theme's line. Elsewhere (the header's mini cart) the
   price stays as it was. */
.woocommerce-cart td.product-price .gts-cart-price .woocommerce-Price-amount::after {
	content: none;
}
.gts-cart-unit {
	display: none;
}
.woocommerce-cart td.product-price .gts-cart-unit {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	font-weight: 400;
	line-height: 140%;
	color: #5c5f5b;
}

@media (max-width: 767px) {
	/* Pagination: wrap onto a second row instead of running off screen. */
	.woocommerce-pagination ul.page-numbers {
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 8px;
	}
	.woocommerce-pagination ul.page-numbers li {
		flex: 0 0 auto;
	}
	/* Product gallery: the widget holds its image, so the title below never
	   draws over it (it did with a very small source image). */
	.single-product .e-con > .elementor-widget-woocommerce-product-images {
		width: 100%;
	}

	/* "… is toegevoegd aan je winkelwagen": text on its own line, button below. */
	.woocommerce-message {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		align-items: center;
	}
	.woocommerce-message .button {
		order: 2;
		width: 100%;
		margin: 0;
		text-align: center;
	}
}