/* Post index pagination styles */

.pagination {
    .nav-links {
        @apply hidden md:flex items-center justify-center mt-12;

        .page-numbers {
            @apply hidden md:flex items-center justify-center h-16 w-16 text-32px font-quincy font-medium transition duration-300 rounded stroke-primary text-primary hover:bg-info hover:text-light hover:stroke-info focus-visible:bg-info focus-visible:text-light focus-visible:stroke-info focus-visible:outline-none;
        }

        .page-numbers.current { @apply text-light whitespace-nowrap bg-info ring-offset-2 hover:bg-primary hover:stroke-primary focus-visible:bg-info; }

        .prev, .next { @apply flex gap-4 w-fit; }
    }

    & a, & span {
        border-radius: 4px;
        color: var(--color-cwc-blue-01) !important;
        margin: 0 5px;
        padding: .25rem .5rem;
        text-decoration: none;
    }

    & .current, & a:hover {
        background: color-mix(in oklch, var(--color-cwc-blue-03), white 50%) !important;
        color: var(--color-cwc-blue-01) !important;
        padding: .25rem .5rem;
    }
}