/* ==========================================================================
   WC Load More Products — Frontend Styles
   ========================================================================== */

/* Container */
.wclm-load-more-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 1rem;
    width: 100%;
    clear: both;
}

/* Button */
.wclm-load-more-btn {
    /* display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6em;
    padding: .75em 2.25em;
    background-color: var(--wclm-btn-bg, #2c2c2c);
    color: var(--wclm-btn-color, #fff);
    border: 2px solid var(--wclm-btn-bg, #2c2c2c);
    border-radius: var(--wclm-btn-radius, 4px);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .03em;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, opacity .2s ease, transform .1s ease;
    min-width: 200px;
    text-align: center;
    line-height: 1.4; */
    
}

.wclm-load-more-btn:hover:not(:disabled) {
    background-color: transparent;
    color: var(--wclm-btn-bg, #2c2c2c);
}

.wclm-load-more-btn:active:not(:disabled) {
    transform: translateY(1px);
}

.wclm-load-more-btn:disabled,
.wclm-load-more-btn[aria-busy="true"] {
    opacity: .65;
    cursor: not-allowed;
    pointer-events: none;
}

/* Spinner */
.wclm-spinner {
    display: none;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: wclm-spin .7s linear infinite;
    flex-shrink: 0;
}

.wclm-load-more-btn[aria-busy="true"] .wclm-spinner {
    display: inline-block;
}

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

/* "No more products" message */
.wclm-no-more {
    font-size: 1.4rem;
    color: #888;
    margin: 0;
    text-align: center;
}

/* Fade-in for newly loaded products */
@keyframes wclm-fade-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wclm-product-new {
    animation: wclm-fade-in .35s ease forwards;
}