/* ========================================
   Pagination Mobile Optimization
   ======================================== */

/* Larger touch targets on mobile */
@media (max-width: 575.98px) {
    .pagination .page-link {
        padding: 0.625rem 0.75rem;
        font-size: 1rem;
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* On mobile: show prev, first page, ellipsis, active, ellipsis, last page, next */
    /* Hide page numbers except: first, last, active, and ellipsis */
    .pagination .page-item:not(:first-child):not(:last-child):not(.active):not(:nth-child(2)):not(:nth-last-child(2)):not(.page-ellipsis) {
        display: none;
    }
}

/* Tablet: slightly larger touch targets */
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination .page-link {
        padding: 0.5rem 0.75rem;
    }
}