/* Stili generali per la paginazione */
.pagination {
    display: flex; /* Usa flexbox per allineare gli elementi */
    justify-content: center; /* Centra la paginazione orizzontalmente */
    flex-wrap: wrap; /* Consente al contenuto di andare a capo se necessario */
    padding: 0;
    margin: 0;
    list-style: none; /* Rimuove i punti elenco */
}

.pagination li {
    margin: 0 3px; /* Spaziatura tra i link */
}

.pagination li a {
    display: block;
    padding: 8px 12px; /* Padding per i link */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: #007bff; /* Colore dei link */
    border-radius: 4px; /* Angoli arrotondati */
    font-size: 14px; /* Dimensione del testo */
}

.pagination li a:hover {
    background-color: #f1f1f1; /* Sfondo al passaggio del mouse */
    color: #0056b3; /* Colore al passaggio del mouse */
}

.pagination li.active a {
    font-weight: bold; /* Evidenzia il link attivo */
    background-color: #e9ecef; /* Sfondo per il link attivo */
}

.pagination li.disabled a {
    color: #ccc; /* Colore per link disabilitati */
    pointer-events: none; /* Disabilita i clic sui link disabilitati */
}

@media (max-width: 576px) {
    .pagination li a {
        padding: 6px 8px; /* Riduce il padding su schermi più piccoli */
        font-size: 12px; /* Riduce la dimensione del testo */
    }
}

@media (max-width: 768px) {
    .pagination li a {
        padding: 6px 10px; /* Riduce il padding su schermi medi */
        font-size: 13px; /* Riduce la dimensione del testo */
    }
}