/* 
 * Blog Archive Styles
 * Premium styling for pagination and scrollbars
 */

.premium-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}
.premium-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 1rem;
	border-radius: 0.75rem;
	background-color: #fff;
	border: 1px solid #f3f4f6;
	color: #4b5563;
	font-size: 0.875rem;
	font-weight: 600;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.premium-pagination .page-numbers:hover {
	border-color: #f97316;
	color: #f97316;
	transform: translateY(-2px);
	box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.1);
}
.premium-pagination .page-numbers.current {
	background-color: #f97316;
	border-color: #f97316;
	color: #fff;
	box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);
}
.premium-pagination .page-numbers.dots {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
.hide-scrollbars::-webkit-scrollbar {
    display: none;
}
.hide-scrollbars {
    -ms-overflow-style: none;
    scrollbar-width: none;
}