/* Stile base per tutti i link di paginazione */
.pagination .first a, .prev a, .next a, .last a {
    display: inline-flex;       /* Permette di dare dimensioni */
    width: 32px;                /* Larghezza bottone */
    height: 32px;               /* Altezza bottone */
    font-size: 0;               /* NASCONDE IL TESTO "Prima", "Indietro"... */
    color: transparent;         /* Assicura che il testo sia invisibile */
    border: 1px solid #ddd;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;      /* Dimensione dell'icona interna */
    vertical-align: middle;
    transition: all 0.2s;
}

/* Hover effect generico */
.pagination .first a:hover, .prev a:hover, .next a:hover, .last a:hover {
    background-color: #f0f0f0;
    border-color: #bbb;
}

/* 1. PRIMA  */
.pagination .first a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='11 17 6 12 11 7'%3E%3C/polyline%3E%3Cpolyline points='18 17 13 12 18 7'%3E%3C/polyline%3E%3C/svg%3E");
}

/* 2. INDIETRO */
.pagination .prev a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

/* 3. AVANT I*/
.pagination .next a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}

/* 4. ULTIMA */
.pagination .last a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E");
}