/**
 * Pagination Component CSS.
 * K2 cascade — tum stiller CSS degiskenleri ile.
 *
 * @package Necox
 * @since   2.67.0
 */

.necox-pagination__list {
    list-style: none;
    margin: 0;
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--necox-pg-gap, 4px);
}

.necox-pagination__item {
    display: flex;
}

.necox-pagination__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--necox-pg-size, 36px);
    height: var(--necox-pg-size, 36px);
    padding: 0 8px;
    border-radius: var(--necox-pg-radius, 5px);
    border-width: 1px;
    border-style: solid;
    border-color: var(--necox-pg-border, var(--necox-border));
    background: var(--necox-pg-bg, var(--necox-white));
    color: var(--necox-pg-text, var(--necox-muted));
    font-size: 13px;
    font-weight: var(--necox-pg-weight, 500);
    text-decoration: none;
    transition: all 0.15s ease;
    cursor: pointer;
    line-height: 1;
}

.necox-pagination__link:hover {
    background: var(--necox-pg-hover-bg, var(--necox-bg));
    color: var(--necox-pg-text, var(--necox-muted));
    text-decoration: none;
}

.necox-pagination__item.is-active .necox-pagination__link {
    background: var(--necox-pg-active-bg, var(--necox-primary));
    color: var(--necox-pg-active-text, var(--necox-white));
    border-color: var(--necox-pg-active-bg, var(--necox-primary));
    cursor: default;
}

.necox-pagination__item.is-disabled .necox-pagination__link {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.necox-pagination__dots span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--necox-pg-size, 36px);
    height: var(--necox-pg-size, 36px);
    color: var(--necox-pg-text, var(--necox-muted));
    font-size: 14px;
    cursor: default;
}

/* ── Load More ── */
.necox-pagination--load-more {
    text-align: center;
    padding: 16px 0;
}

.necox-pagination__load-more {
    min-width: 160px;
}

/* ── Sonsuz Scroll ── */
.necox-pagination--infinite {
    text-align: center;
    padding: 16px 0;
}

.necox-pagination__sentinel {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.necox-pagination__spinner {
    width: 24px;
    height: 24px;
    border: 2px solid var(--necox-border);
    border-top-color: var(--necox-pg-active-bg, var(--necox-primary));
    border-radius: 50%;
    animation: necoxPgSpin 0.6s linear infinite;
}

@keyframes necoxPgSpin {
    to { transform: rotate(360deg); }
}