/* TotalVote Custom Styles */

/* ========================================
   Sticky Pagination Styles
   ======================================== */

/* Wrapper for grids with sticky pagination */
.tv-grid-sticky-pagination-wrapper {
    position: relative;
    padding-bottom: 60px; /* Space for sticky pagination */
}

    /* Center pagination at bottom of screen */
    .tv-grid-sticky-pagination-wrapper .k-grid-pager,
    .tv-grid-sticky-pagination-wrapper .grid-footer,
    .tv-grid-sticky-pagination-wrapper .tv-grid-footer,
    .tv-grid-sticky-pagination-wrapper tfoot,
    .tv-grid-sticky-pagination-wrapper .pagination-container {
        position: fixed !important;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: white;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        padding: 10px 20px;
        z-index: 1000;
        border-top: 1px solid #dee2e6;
        display: flex;
        justify-content: center; /* Center the pagination controls */
        align-items: center;
        gap: 15px; /* Space between elements */
    }

    /* Ensure the pagination controls stay together and centered */
    .tv-grid-sticky-pagination-wrapper .pagination {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Style the page size selector */
    .tv-grid-sticky-pagination-wrapper select,
    .tv-grid-sticky-pagination-wrapper .page-size-selector {
        margin-right: 15px;
    }

    /* Handle "All" selection - ensure info text remains visible */
    .tv-grid-sticky-pagination-wrapper .page-info,
    .tv-grid-sticky-pagination-wrapper .k-pager-info {
        display: inline-block !important;
        margin: 0 10px;
    }

/* Ensure content doesn't hide behind pagination 
.container-fluid {
    padding-bottom: 70px !important;
}
*/

/* Mobile responsive */
@media (max-width: 768px) {
    .tv-grid-sticky-pagination-wrapper .k-grid-pager,
    .tv-grid-sticky-pagination-wrapper .grid-footer,
    .tv-grid-sticky-pagination-wrapper .tv-grid-footer,
    .tv-grid-sticky-pagination-wrapper tfoot,
    .tv-grid-sticky-pagination-wrapper .pagination-container {
        padding: 8px 10px;
    }

    /*
    .container-fluid {
        padding-bottom: 60px !important;
    }
    */
}