/* Keep server-side pagination in the HTML for fallback/SEO, but hide it only
   after JavaScript has successfully enabled infinite scrolling. */
.ug-pcmf-infinite-active nav.woocommerce-pagination,
.ug-pcmf-infinite-active .woocommerce-pagination,
.ug-pcmf-infinite-active .pagination {
    display: none !important;
}

.ug-pcmf-sentinel {
    width: 100%;
    height: 1px;
    clear: both;
}

.ug-pcmf-status {
    width: 100%;
    min-height: 32px;
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}

.ug-pcmf-status[data-state="loading"]::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: -3px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: ug-pcmf-spin .7s linear infinite;
}

.ug-pcmf-status[data-state="error"] {
    font-weight: 600;
}

@keyframes ug-pcmf-spin {
    to { transform: rotate(360deg); }
}