/**
* jQuery asPaginator v0.3.3 (custom responsive skin)
* Modernizado para Flexbox, responsivo e centralizado
*/

/* Container principal */
.asPaginator {
	overflow : hidden;
	width    : 100%;
	margin   : 0 auto;
}

/* Lista principal (ul) */
.asPaginator ul {
	display         : flex;
	flex-wrap       : wrap; /* quebra automática em telas pequenas */
	justify-content : center; /* centraliza horizontal */
	align-items     : center;
	gap             : 6px; /* espaçamento entre botões */
	padding         : 0;
	margin          : 0;
	list-style      : none;
}

/* Itens (li) */
.asPaginator li {
	display         : inline-flex;
	align-items     : center;
	justify-content : center;
	background      : #FFF;
	border          : 1px solid #C9C9C9;
	min-width       : 34px;
	height          : 34px;
	line-height     : 1;
	border-radius   : 4px; /* bordas levemente arredondadas */
	transition      : all 0.2s ease;
}

/* Links internos */
.asPaginator li a {
	display         : block;
	padding         : 6px 10px;
	color           : #666;
	text-decoration : none;
	font-size       : 14px;
}

/* Hover */
.asPaginator li:hover {
	border-color : #C49081;
}
.asPaginator li:hover a {
	color  : #C49081;
	cursor : pointer;
}

/* Estado ativo */
.asPaginator .asPaginator_active {
	background   : #C49081;
	border-color : #C49081;
}
.asPaginator .asPaginator_active a {
	color       : #FFF;
	font-weight : 600;
}

/* Estado desabilitado */
.asPaginator .asPaginator_disable {
	background   : #F9F9F9;
	border-color : #E0E0E0;
}
.asPaginator .asPaginator_disable a {
	color  : #BBB;
	cursor : not-allowed;
}
.asPaginator .asPaginator_disable:hover a {
	color : #BBB;
}

/* Elipses ("...") */
.asPaginator .asPaginator_ellipsis a {
	cursor : default;
	color  : #999;
}
.asPaginator .asPaginator_ellipsis:hover a {
	color : #999;
}

/* Ajustes mobile */
@media (max-width : 576px) {
	.asPaginator ul {
		gap : 4px;
	}
	.asPaginator li {
		min-width : 28px;
		height    : 30px;
	}
	.asPaginator li a {
		font-size : 12px;
		padding   : 4px 8px;
	}
}
