/*
 * archive.css – Thema Starter
 *
 * Stijlen voor WooCommerce shop, categorieën en productarchieven.
 * Conditioneel geladen via is_product_category() || is_shop() in functions.php.
 */

/* shop header */
.woocommerce .page-title, .woocommerce-page .page-title {font-size:var(--font-size-3xl);margin-block-end:var(--space-8);}

/* productenraster & productkaart */
/* .woocommerce ul.products {display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:var(--space-6);} */
.woocommerce ul.products {display:flex;flex-wrap:wrap;justify-content:space-between;}
.woocommerce ul.products:before {content:none;}
.woocommerce ul.products li.product {display:flex;flex-direction:column;width:100%;background:whitesmoke;padding:10px;border-radius:12px;margin:0 var(--space-6) var(--space-6) 0 !important;}
.woocommerce ul.products li.product a img {width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--border-radius-md);transition:opacity var(--transition-normal);}
.woocommerce ul.products li.product a:hover img {opacity:0.85;}
.woocommerce ul.products li.product .woocommerce-loop-product__title {margin-block:var(--space-3) var(--space-2);font-size:var(--font-size-md);font-weight:600;}
.woocommerce ul.products li.product .price {color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg);}
.woocommerce ul.products li.product .button {background:var(--color-primary);border-radius:20px;color:white;text-align:center;margin-top:auto;transition:0.2s;}
.woocommerce ul.products li.product .button:hover {background:var(--color-primary-light);}

.woocommerce ul.products li.product.product-category {margin-bottom:0;height:fit-content;transition:0.2s;}
.woocommerce ul.products li.product.product-category:hover {background:var(--color-primary);color:white;}
.woocommerce ul.products li.product.product-category a {display:flex;flex-direction:row;}
.woocommerce ul.products li.product.product-category img {max-width:55px;margin:0 10px 0 0;}
.woocommerce ul.products li.product.product-category h2 {text-align:center;display:flex;justify-content:center;flex-direction:column;}
.woocommerce ul.products li.product.product-category h2 mark {background:none;font-weight:normal;transition:0.2s;}
.woocommerce ul.products li.product.product-category:hover h2 mark {color:white;}

.woocommerce ul.products li.product.type-product {}

@media (min-width:324px) {
.woocommerce ul.products li.product {width:calc(100% / 2 - var(--space-6));}
.woocommerce ul.products li.product:last-child {margin-right:auto !important;}
}
@media (min-width:768px) {
.woocommerce ul.products li.product {width:calc(100% / 3 - var(--space-6));}
}
@media (min-width:992px) {
.woocommerce ul.products li.product {width:calc(100% / 4 - var(--space-6));}
}

/* filters & sortering */
.woocommerce-ordering select {padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-secondary);}

/* paginering */
.woocommerce nav.woocommerce-pagination ul {display:flex;justify-content:center;border:none;gap:var(--space-2);margin-block-start:var(--space-12);}
.woocommerce nav.woocommerce-pagination ul li {border:none;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-weight:500;transition:background-color var(--transition-fast), color var(--transition-fast);}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary);}