/* ============================================
   🔧 PAGINATION FIX - COFRINHO HISTORY
   Garantias adicionais para paginação funcionar 100%
   ============================================ */

/* Garantir que a paginação seja flexível e visível */
#history-pagination {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-top: 2rem !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Garantir que os botões sejam clicáveis */
#history-pagination button {
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
}

/* Garantir que spans não interfiram */
#history-pagination span {
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
}

/* Garantir que hover funcione em botões não desabilitados */
#history-pagination button:not(:disabled) {
    cursor: pointer !important;
}

#history-pagination button:not(:disabled):hover {
    cursor: pointer !important;
}

/* Botões desabilitados não devem parecer clicáveis */
#history-pagination button:disabled {
    cursor: not-allowed !important;
}

/* Garantir que nenhum overlay bloqueie */
#history-pagination::before,
#history-pagination::after {
    content: none !important;
}

/* Garantir visibilidade */
#history-pagination {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Light Mode */
[data-theme="light"] #history-pagination {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile - Garantir que funcione em telas pequenas */
@media (max-width: 768px) {
    #history-pagination {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }
}