/* public/assets/css/components/pagination.css */
.pagination-public { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    gap: 0.5rem; 
    margin: 4rem 0; 
    flex-wrap: wrap; 
}

.pagination-public a {
    min-width: 45px; 
    height: 45px; 
    padding: 0 10px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background: var(--card-bg); 
    border: 1px solid var(--card-border); 
    border-radius: 50%;
    color: var(--text-primary); 
    text-decoration: none; 
    font-weight: 700; 
    transition: all 0.3s;
    font-size: 0.9rem;
}

.pagination-public a.nav-btn { 
    border-radius: 12px; 
    width: auto; 
    padding: 0 1.2rem; 
}

.pagination-public a.active { 
    background: var(--accent); 
    border-color: var(--accent); 
    color: white; 
    box-shadow: 0 0 20px rgba(var(--accent-rgb),0.4); 
}

.pagination-public a:hover:not(.active) { 
    transform: translateY(-3px); 
    border-color: var(--accent); 
    color: var(--accent); 
}

.pagination-public .dots { 
    color: var(--text-secondary); 
    padding: 0 0.5rem; 
    font-weight: 900; 
}