/**
 * Pagination Styles
 */

/* Navigation container */
.navigation.pagination {
    margin: var(--lubinik-spacing-lg) 0;
    text-align: center;
}

/* The wrapper for the links */
.nav-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Page numbers and prev/next links */
.page-numbers {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border-radius: 4px;
    background-color: var(--lubinik-plugin-background-card-secondary);
    color: var(--lubinik-plugin-tertiary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Current page */
.page-numbers.current {
    background-color: var(--lubinik-plugin-tertiary-color);
    color: white;
}

/* Hover state */
.page-numbers:hover:not(.current) {
    background-color: var(--lubinik-plugin-quaternary-color);
    color: var(--lubinik-plugin-secondary-color);
}

/* Focus state for accessibility */
.page-numbers:focus {
    outline: 2px solid var(--lubinik-plugin-tertiary-color);
    outline-offset: 2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navigation.pagination {
        margin: var(--lubinik-spacing-md) 0;
    }
    
    .page-numbers {
        padding: 0.4rem 0.8rem;
        margin: 0 0.15rem;
        font-size: 0.9rem;
    }
}