/* ============================================
   PRODUCT ARCHIVE PAGE — Krem.no
   Styles for woocommerce/archive-product.php.
   All values use CSS variables from theme.json.
   ============================================ */

/* --- Category filter bar --- */
.shop-categories {
	padding: var(--wp--custom--spacing--lg) 0;
}
/* .category-bar, .category-pill, .category-pill--active → moved to base.css */

/* --- Shop archive section --- */
.shop-archive {
	padding: 0 0 var(--wp--custom--spacing--2-xl);
}

@media (min-width: 769px) {
	.shop-archive > .container {
		padding-left: 0;
		padding-right: 0;
	}
}

/* --- Shop toolbar (base layout → base.css, WC-specific overrides below) --- */
.shop-toolbar__count .woocommerce-result-count {
	color: var(--wp--preset--color--text-muted);
	font-size: 0.9rem;
	margin: 0;
}

.shop-toolbar__sort .woocommerce-ordering {
	margin: 0;
}

.shop-toolbar__sort .woocommerce-ordering select {
	border: 2px solid var(--wp--preset--color--border);
	padding: 0.5rem 1rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--text);
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--border-radius--pill);
	cursor: pointer;
}

/* --- WooCommerce pagination (body.woocommerce prefix beats WC defaults) --- */
body.woocommerce nav.woocommerce-pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--wp--custom--spacing--xl);
}

body.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	gap: var(--wp--custom--spacing--sm);
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
}

body.woocommerce nav.woocommerce-pagination ul li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	overflow: visible;
}

body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--wp--preset--color--border);
	border-radius: 50%;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--text);
	background: transparent;
	transition: all var(--wp--custom--transition);
}

body.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--primary);
}

body.woocommerce nav.woocommerce-pagination ul li a:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

/* --- Empty state --- */
.shop-archive__empty {
	text-align: center;
	padding: var(--wp--custom--spacing--2-xl) 0;
	color: var(--wp--preset--color--text-muted);
	font-size: 1.1rem;
}

/* Reduced motion + responsive for .category-bar, .category-pill, .shop-toolbar → base.css */