/* PortalFilm Theme: estilos del componente common/pagination */

.pf_pfilm_common_pagination {
	margin: var(--spacing-xl) 0;
}

.pf_pfilm_common_pagination_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: var(--spacing-xs);
}

.pf_pfilm_common_pagination_item {
	margin: 0;
}

.pf_pfilm_common_pagination_item a,
.pf_pfilm_common_pagination_current {
	display: inline-block;
	min-width: 2.5rem;
	padding: var(--spacing-sm) var(--spacing-md);
	font-size: var(--font-size-base);
	text-align: center;
	border-radius: var(--border-radius-sm);
	transition: background-color var(--transition-base), color var(--transition-base);
}

.pf_pfilm_common_pagination_item a {
	text-decoration: none;
	color: var(--color-text-primary);
	background-color: var(--color-bg-surface);
	border: 1px solid var(--color-border);
}

.pf_pfilm_common_pagination_item a:hover,
.pf_pfilm_common_pagination_item a:focus {
	background-color: var(--color-bg-surface-secondary);
	color: var(--color-primary);
}

.pf_pfilm_common_pagination_current {
	background-color: var(--color-primary);
	color: #fff;
	font-weight: 500;
	border: 1px solid var(--color-primary);
}

.pf_pfilm_common_pagination_prev,
.pf_pfilm_common_pagination_next {
	min-width: auto;
}

.pf_pfilm_common_pagination_ellipsis {
	display: inline-block;
	min-width: 2.5rem;
	padding: var(--spacing-sm) var(--spacing-md);
	font-size: var(--font-size-base);
	text-align: center;
	color: var(--color-text-secondary);
	pointer-events: none;
}