/*
 * Pagination du plugin (MillV2\Components\Pagination, millv2_pagination()). L'apparence est dans une couche : le CSS du thème l'emporte.
 * Variables : --millv2-pagination-gap, -min-width, -padding, -border, -radius, -color, -bg, -hover-bg, -current-bg, -current-color
 */
.millv2-pagination__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

@layer millv2-blocks {
	.millv2-pagination {
		margin: 0 0 1.5em;
	}

	.millv2-pagination__list {
		gap: var(--millv2-pagination-gap, 0.375rem);
		align-items: center;
	}

	.millv2-pagination__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-width: var(--millv2-pagination-min-width, 2.5rem);
		min-height: var(--millv2-pagination-min-width, 2.5rem);
		padding: var(--millv2-pagination-padding, 0.35em 0.75em);
		border: var(--millv2-pagination-border, 1px solid currentcolor);
		border-radius: var(--millv2-pagination-radius, 0);
		background: var(--millv2-pagination-bg, transparent);
		color: var(--millv2-pagination-color, inherit);
		line-height: 1;
		text-decoration: none;
	}

	a.millv2-pagination__link:hover {
		background: var(--millv2-pagination-hover-bg, rgb(0 0 0 / 8%));
	}

	a.millv2-pagination__link:focus-visible {
		outline: 3px solid currentcolor;
		outline-offset: 2px;
	}

	.millv2-pagination__link.is-current {
		border-color: var(--millv2-pagination-current-bg, #34445f);
		background: var(--millv2-pagination-current-bg, #34445f);
		color: var(--millv2-pagination-current-color, #fff);
		font-weight: 700;
	}

	.millv2-pagination__gap {
		padding: 0 0.25em;
	}
}