/**
 * Frontend styles for Category Product Series.
 */

.cps-series {
	margin: 30px 0;
	clear: both;
	width: 100%;
	max-width: 100%;
}

.cps-series-title {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 600;
}

.cps-series .products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
	list-style: none;
	padding: 0;
}

.cps-series .products li {
	box-sizing: border-box;
	padding: 0 6px;
	margin-bottom: 20px;
	/* Gelijk hoogte: kaart als kolom, knop onderaan uitgelijnd */
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* Theme inner wrapper (Astra e.d.): neem restruimte en duw knop naar onder */
.cps-series .products li .ast-woo-product-inner,
.cps-series .products li .astra-shop-summary-wrap,
.cps-series .products li > div[class*="product"],
.cps-series .products li > div[class*="summary"] {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.cps-series .products li .ast-woo-product-inner .button,
.cps-series .products li .ast-woo-product-inner a.button,
.cps-series .products li .astra-shop-summary-wrap .button,
.cps-series .products li .astra-shop-summary-wrap a.button,
.cps-series .products li > div[class*="product"] .button,
.cps-series .products li > div[class*="product"] a.button,
.cps-series .products li > div[class*="summary"] .button,
.cps-series .products li > div[class*="summary"] a.button {
	margin-top: auto;
}

/* Producten per rij: 2 t/m 8. Alleen flex; geen width/min-width. */
section.cps-series .products.columns-2 li {
	flex: 1 1 calc((100% + 12px) / 2) !important;
}
section.cps-series .products.columns-3 li {
	flex: 1 1 calc((100% + 12px) / 3) !important;
}
section.cps-series .products.columns-4 li {
	flex: 1 1 calc((100% + 12px) / 4) !important;
}
section.cps-series .products.columns-5 li {
	flex: 1 1 calc((100% + 12px) / 5) !important;
}
section.cps-series .products.columns-6 li {
	flex: 1 1 calc((100% + 12px) / 6) !important;
}
section.cps-series .products.columns-7 li {
	flex: 1 1 calc((100% + 12px) / 7) !important;
}
section.cps-series .products.columns-8 li {
	flex: 1 1 calc((100% + 12px) / 8) !important;
}

/* Knop volle breedte en als blok; duw naar onderkant van kaart (direct kind van li of in inner wrapper) */
section.cps-series .products li a.button,
section.cps-series .products li .button {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	text-align: center;
	margin-top: auto !important;
}

/* Hide "variatie" category - multiple selectors for compatibility */
.cps-series .products li .product-categories a[href*="variatie"],
.cps-series .products li .woocommerce-loop-product__category a[href*="variatie"],
.cps-series .products li .product_meta a[href*="variatie"],
.cps-series .products li .posted_in a[href*="variatie"],
.cps-series .products li a[href*="variatie"] {
	display: none !important;
}

/* Hide Astra theme category spans - JavaScript will filter "variatie" specifically */
.cps-series .products li .ast-woo-product-category {
	/* Will be handled by JavaScript to only hide "variatie" */
}

/* Hide category wrapper if it only contains "variatie" (using attribute selector) */
.cps-series .products li .product-categories:only-child a[href*="variatie"],
.cps-series .products li .woocommerce-loop-product__category:only-child a[href*="variatie"] {
	display: none !important;
}

/* Hide entire category element if it contains only "variatie" link */
.cps-series .products li .product-categories:has(a[href*="variatie"]:only-child),
.cps-series .products li .woocommerce-loop-product__category:has(a[href*="variatie"]:only-child) {
	display: none !important;
}

/* Product name styling */
.cps-series .products li .woocommerce-loop-product__title,
.cps-series .products li h2.woocommerce-loop-product__title,
.cps-series .products li .product-title,
.cps-series .products li h2,
.cps-series .products li .productnaam {
	text-align: center;
	font-family: "Montserrat", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

/* Product price styling */
.cps-series .products li .price,
.cps-series .products li .woocommerce-Price-amount,
.cps-series .products li .woocommerce-Price-amount.amount,
.cps-series .products li p.price {
	font-family: "Saira Condensed", Sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Old/strikethrough price styling - make it black */
.cps-series .products li .price del,
.cps-series .products li .price .woocommerce-Price-amount.amount del,
.cps-series .products li .price del .woocommerce-Price-amount,
.cps-series .products li .price del .woocommerce-Price-amount.amount,
.cps-series .products li .price .woocommerce-Price-amount del,
.cps-series .products li p.price del,
.cps-series .products li p.price del .woocommerce-Price-amount {
	color: #000000 !important;
}

/* Responsive: op mobiel 1 product per rij (100% breed) */
@media (max-width: 768px) {
	.cps-series .products {
		margin: 0;
	}

	section.cps-series .products.columns-2 li,
	section.cps-series .products.columns-3 li,
	section.cps-series .products.columns-4 li,
	section.cps-series .products.columns-5 li,
	section.cps-series .products.columns-6 li,
	section.cps-series .products.columns-7 li,
	section.cps-series .products.columns-8 li {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.cps-series .products li {
		padding: 0;
		margin-bottom: 20px;
	}
}