/**
 * Homepage free-models pagination (enqueue handle: rudraa-free-pagination)
 * Scoped under .rudraa-free-pagination so blog/category pagination stays unchanged.
 */
.rudraa-free-pagination {
	--rudraa-free-pagination-bg: #fdeef4;
	--rudraa-free-pagination-base: #5c594f;
	--rudraa-free-pagination-face: #faf7ef;
	--rudraa-free-pagination-ink: #2b2b2b;
	--rudraa-free-pagination-active: #eb3b8f;
	--rudraa-free-pagination-active-glow: rgba(235, 59, 143, 0.42);

	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0;
}

.rudraa-free-pagination .page-numbers {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: .5rem 2.75rem;
    list-style: none;
    margin: 0;
    padding: 0;

}

.rudraa-free-pagination .page-numbers > li {
	position: relative;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0;
}

.rudraa-free-pagination .page-numbers > li::before {
	content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    width: calc(100% + 21px);
    height: 22px;
    background: var(--rudraa-free-pagination-base);
    border-radius: 8px;
    z-index: 0;
    pointer-events: none;
    opacity: .95;
    background-color: #6A685A;
    color: #F3EAC2;
    padding: 18px 33px;
}

.rudraa-free-pagination .page-numbers > li > a.page-numbers,
.rudraa-free-pagination .page-numbers > li > span.page-numbers {
	position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    min-width: 40px;
    padding: 0 12px;
    margin-bottom: 2px;
    border: none !important;
    font-family: Poppins, system-ui, sans-serif !important;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none !important;
    color: var(--rudraa-free-pagination-ink) !important;
    background: var(--rudraa-free-pagination-face);
    border-radius: 5px;
    box-shadow: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.rudraa-free-pagination .page-numbers > li > span.page-numbers.current {
	color: #fff !important;
	background: linear-gradient(180deg, #ff5cae 0%, var(--rudraa-free-pagination-active) 100%);
	box-shadow: 0 6px 18px var(--rudraa-free-pagination-active-glow);
}

.rudraa-free-pagination .page-numbers > li > a.page-numbers:hover,
.rudraa-free-pagination .page-numbers > li > a.page-numbers:focus {
	color: var(--rudraa-free-pagination-ink) !important;
	background: #ece8dc;
	outline: none;
}

.rudraa-free-pagination .page-numbers > li > a.prev,
.rudraa-free-pagination .page-numbers > li > a.next {
	padding: 0 6px;
    min-width: auto;
    text-transform: none;
}

.rudraa-free-pagination .page-numbers > li:has(.dots)::before,
.rudraa-free-pagination .page-numbers > li:has(span.dots)::before {
	display: none;
}

.rudraa-free-pagination .page-numbers > li > span.page-numbers.dots {
	background: transparent !important;
	box-shadow: none !important;
	min-width: auto;
	padding: 0 8px;
	margin-bottom: 4px;
	color: var(--rudraa-free-pagination-ink) !important;
	font-weight: 700;
}

@media (max-width: 767px) {
	.rudraa-free-pagination .page-numbers {
		gap: 0.4rem;
		padding: 0.75rem 0.65rem;
	}

	.rudraa-free-pagination .page-numbers > li > a.page-numbers,
	.rudraa-free-pagination .page-numbers > li > span.page-numbers {
		min-height: 36px;
		min-width: 36px;
		font-size: 0.85rem;
		padding: 0 8px;
	}
}