/* ==========================================
   PRODUCTS PAGE PAGINATION FIX
   Ensure pagination is always visible
   ========================================== */

/* Ensure pagination is visible */
.pagination {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Make pagination more visible on mobile */
@media (max-width: 768px) {
    .pagination {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
        padding: 1rem 0;
    }
    
    .pagination .page-link {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        margin: 0 2px;
    }
    
    .pagination .page-item.disabled .page-link {
        opacity: 0.5;
        pointer-events: none;
    }
    
    .pagination .page-item.active .page-link {
        background-color: var(--amazon-blue, #146eb4);
        border-color: var(--amazon-blue, #146eb4);
        color: #fff;
        font-weight: 600;
    }
}

/* Ensure pagination container is visible */
nav[aria-label="Products pagination"] {
    display: block !important;
    visibility: visible !important;
}

/* Loading state - hide if infinite scroll is disabled */
.products-loading,
.skeleton-card,
.load-more-btn {
    display: none !important;
}

/* Ensure products grid doesn't have infinite scroll indicators */
.products-grid::after {
    display: none !important;
}