/**
 * NECOX K1 — Pagination Component
 *
 * Frontend CSS for the pagination component (number links, prev/next,
 * ellipsis). K2 cascade — all styles driven by CSS variables.
 *
 * @file       pagination.css
 * @component  K1
 * @since      v4.1.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;
}

/* v7.3.7: hover'a belirgin animasyon. Eski hover sadece hover_bg degisikligi yapiyordu
   (presetlerde fark cok subtle, gozle anlasilmiyor). Simdi translateY(-2px)+box-shadow
   ile yukari kalkma efekti. Renkler dokunulmadi (preset cascade korundu). */
.necox-pagination__link:hover {
    background: var(--necox-pg-hover-bg, var(--necox-bg));
    color: var(--necox-pg-text, var(--necox-muted));
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

/* v7.3.7: Aktif sekme — kullanici karari: bg=presetin koyu rengi (pg_bg),
   border+rakam=presetin acik rengi (pg_active_bg). Tum presetler ayni mantik.
   Ocean Deep: bg=#002040 koyu, border+color=#00b4d8 cyan.
   Midnight Blue: bg=#111827 koyu, border+color=#f0b429 altin.
   Super Light: bg=#ffffff (beyaz - pg_bg), border+color=#9c5a3c kahve.
   Editorial Light: bg=#ffffff (beyaz - pg_bg), border+color=#2A3254 lacivert.
   NOT: Super+Editorial Light'ta pg_bg=beyaz olunca aktif sekme beyaz+koyu border/rakam olur,
   bu mevcut palet karari (kullanici renkleri degistirmek istemiyor). */
.necox-pagination__item.is-active .necox-pagination__link {
    background: var(--necox-pg-bg, var(--necox-white));
    color: var(--necox-pg-active-bg, var(--necox-primary));
    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); }
}