/* ======================================================================
   LM_Pagination — styling tombol halaman (1 2 3 4 ... 856 ... 1710)
   Pakai variabel M3 (--md-*) yang sudah didefinisikan tiap halaman,
   supaya otomatis ikut tema light/dark masing-masing halaman.
   ====================================================================== */
.lm-pagination {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 20px 0 8px;
}

.lm-page-btn {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: none;
    border-radius: 10px;
    background: var(--md-surface-container-high, #EEE8F2);
    color: var(--md-on-surface, #1C1B1F);
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.lm-page-btn:hover {
    background: var(--md-surface-variant, #E7E0EC);
}

.lm-page-btn:active {
    transform: scale(0.94);
}

.lm-page-btn.active {
    background: var(--md-primary, #6C55A6);
    color: var(--md-surface-container-lowest, #FFFFFF);
    font-weight: 700;
}

.lm-page-dots {
    color: var(--md-on-surface-variant, #49454F);
    font-size: 0.85rem;
    padding: 0 2px;
    user-select: none;
}

@media (max-width: 400px) {
    .lm-page-btn {
        min-width: 32px;
        height: 32px;
        font-size: 0.8rem;
        padding: 0 8px;
    }
}