/* ==========================================================================
   LOADING SPINNER
   ========================================================================== */
.nwp-loadmore-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    width: 100%;
    opacity: 0;
    transition: opacity 300ms ease;
}

.nwp-loadmore-spinner.nwp-active {
    opacity: 1;
}

.nwp-loadmore-spinner::after {
    content: '';
    width: 32px;
    height: 32px;
    border: 3px solid var(--bs-light, #F5F5F5);
    border-top-color: var(--bs-primary, #ff6e00);
    border-radius: 50%;
    animation: nwp-spin 0.8s linear infinite;
}

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

/* ==========================================================================
   PAGINATION HIDDEN (صفحات 1-5)
   ========================================================================== */
.nwp-pagination-hidden .woocommerce-pagination {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ==========================================================================
   PRODUCT ITEM ANIMATION
   ========================================================================== */
.nwp-product-new {
    animation: nwp-fade-up 400ms ease-out forwards;
}

@keyframes nwp-fade-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .nwp-loadmore-spinner::after {
        animation-duration: 1.5s;
    }

    .nwp-product-new {
        animation: none;
    }
}