/**
 * BienHabillé — pagination archives (blog `.bh-pagination` + WooCommerce).
 * Feuille canonique C7. Ne pas recréer assets/css/frontend/components/pagination.css.
 */

.bh-pagination,
.woocommerce-pagination {
	padding: var(--bh-space-xl, 2rem) 0;
}

.bh-pagination__list,
.woocommerce-pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--bh-space-xs, 0.5rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.bh-pagination__item a,
.bh-pagination__item span,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 var(--bh-space-xs, 0.5rem);
	font-size: var(--bh-fs-sm, 0.875rem);
	font-weight: var(--bh-fw-medium, 500);
	color: var(--bh-text-secondary, #4e6172);
	border: 1px solid var(--bh-border-color, #ddd6d2);
	text-decoration: none;
	box-sizing: border-box;
}

.bh-pagination__item a:hover,
.woocommerce-pagination ul li a:hover {
	border-color: var(--bh-border-color-dark, #c7bdb8);
	color: var(--bh-text-primary, #12324a);
}

.bh-pagination__current span,
.woocommerce-pagination ul li span.current {
	background-color: var(--bh-color-primary, var(--bh-brand-navy, #12324a));
	color: var(--bh-text-inverse, #fff);
	border-color: var(--bh-color-primary, var(--bh-brand-navy, #12324a));
}