/* ==================== ORTAK SAYFALAMA (bkz. Views/Shared/_Pager.cshtml) ====================
   Bootstrap'in beyaz/mavi .pagination'ı yerine tema değişkenleri (--brand-…):
   hem ana site (_Layout) hem yönetim paneli (_AdminLayout) aynı adları tanımlıyor.
   Aktif sayfa: marka rengi zemin + beyaz yazı + KALIN yazı + alt çizgi çubuğu
   (yalnızca renge dayanmaz). Tüm tıklanabilir öğeler en az 44×44 px. */

.gw-pager {
    margin: 1.25rem 0 .5rem;
}

.gw-pager-full,
.gw-pager-compact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gw-pager-full > li {
    display: flex;
}

.gw-page {
    min-width: 44px;
    min-height: 44px;
    padding: 0 .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    border: 1px solid var(--brand-border);
    border-radius: .65rem;
    background: var(--brand-card);
    color: var(--brand-text);
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
}

    a.gw-page:hover {
        background: rgba(var(--brand-primary-rgb), .22);
        border-color: currentColor;
        color: var(--brand-text);
        text-decoration: none;
    }

    a.gw-page:focus-visible {
        outline: 3px solid var(--brand-text);
        outline-offset: 2px;
    }

    .gw-page.is-active {
        background: var(--brand-primary);
        border: 2px solid var(--brand-primary);
        color: #fff;
        font-weight: 800;
        box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .9);
    }

    .gw-page.is-disabled {
        color: var(--brand-muted);
        background: transparent;
        border-style: dashed;
        cursor: not-allowed;
    }

.gw-page-gap {
    min-width: 28px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-muted);
    font-weight: 700;
}

/* site.css'teki genel "span" rengi sayfa öğelerinin içini ezmesin */
.gw-page span,
.gw-pager-status span {
    color: inherit;
}

.gw-pager-status {
    min-height: 44px;
    padding: 0 .75rem;
    display: inline-flex;
    align-items: center;
    color: var(--brand-text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Kompakt görünüm yalnızca dar ekranda; geniş listede tersi. */
.gw-pager-compact {
    display: none;
}

@media (max-width: 575.98px) {
    .gw-pager-full {
        display: none;
    }

    .gw-pager-compact {
        display: flex;
    }

    .gw-pager-compact .gw-page {
        font-size: 1.35rem;
    }
}