/*
 * pagination.css — Styles für die PaginationCell (\App\Cells\PaginationCell).
 * Theme-neutral: über CSS-Variablen anpassbar, mit Fallbacks.
 *
 *   --pg-gap            Abstand zwischen den Elementen   (Standard: 16px)
 *   --pg-btn-size       Kantenlänge der Buttons          (Standard: 38px)
 *   --pg-border         Rahmenfarbe                      (Standard: #ccc)
 *   --pg-radius         Eckenradius                      (Standard: 6px)
 *   --pg-color          Textfarbe der Buttons            (Standard: inherit)
 *   --pg-info-color     Farbe der "x / y"-Anzeige        (Standard: #777)
 *   --pg-info-font      Schriftfamilie der Anzeige       (Standard: monospace)
 */

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--pg-gap, 16px);
    margin-top: 28px;
}

.pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--pg-btn-size, 38px);
    height: var(--pg-btn-size, 38px);
    border: 1px solid var(--pg-border, #ccc);
    border-radius: var(--pg-radius, 6px);
    color: var(--pg-color, inherit);
    text-decoration: none;
    font-size: 18px;
}

.pagination-btn.is-disabled {
    opacity: 0.35;
    pointer-events: none;
}

.pagination-info {
    font-family: var(--pg-info-font, monospace);
    font-size: 13px;
    color: var(--pg-info-color, #777);
}