/* Complete override for pagination buttons */

/* Reset all pagination styles */
.pagination-container .pagination,
.quickgrid-pagination,
.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    gap: 0.5rem;
}

/* Style for all pagination buttons */
.pagination-container button,
.quickgrid-pagination button,
.paginator button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.5rem !important;
    height: 2.5rem !important;
    padding: 0.25rem 0.5rem !important;
    margin: 0 0.125rem !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    text-align: center !important;
    color: #052767 !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
    position: relative !important;
}

/* Current page button */
.pagination-container button.current,
.quickgrid-pagination button.current,
.paginator button.current {
    color: #fff !important;
    background-color: #052767 !important;
    border-color: #052767 !important;
}

/* Disabled buttons */
.pagination-container button:disabled,
.quickgrid-pagination button:disabled,
.paginator button:disabled {
    color: #6c757d !important;
    pointer-events: none !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    opacity: 0.65 !important;
}

/* Hover state */
.pagination-container button:hover:not(:disabled):not(.current),
.quickgrid-pagination button:hover:not(:disabled):not(.current),
.paginator button:hover:not(:disabled):not(.current) {
    color: #3a0647 !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
}

/* Clear any existing content from the buttons */
.pagination-container button[aria-label="Go to first page"]::after,
.pagination-container button[aria-label="Go to previous page"]::after,
.pagination-container button[aria-label="Go to next page"]::after,
.pagination-container button[aria-label="Go to last page"]::after,
.quickgrid-pagination button[aria-label="Go to first page"]::after,
.quickgrid-pagination button[aria-label="Go to previous page"]::after,
.quickgrid-pagination button[aria-label="Go to next page"]::after,
.quickgrid-pagination button[aria-label="Go to last page"]::after,
.paginator button[aria-label="Go to first page"]::after,
.paginator button[aria-label="Go to previous page"]::after,
.paginator button[aria-label="Go to next page"]::after,
.paginator button[aria-label="Go to last page"]::after {
    content: none !important;
}

/* Add the content directly as text content via CSS */
.pagination-container button[aria-label="Go to first page"]::before,
.quickgrid-pagination button[aria-label="Go to first page"]::before,
.paginator button[aria-label="Go to first page"]::before {
    content: "«" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.25rem !important;
}

.pagination-container button[aria-label="Go to previous page"]::before,
.quickgrid-pagination button[aria-label="Go to previous page"]::before,
.paginator button[aria-label="Go to previous page"]::before {
    content: "‹" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.25rem !important;
}

.pagination-container button[aria-label="Go to next page"]::before,
.quickgrid-pagination button[aria-label="Go to next page"]::before,
.paginator button[aria-label="Go to next page"]::before {
    content: "›" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.25rem !important;
}

.pagination-container button[aria-label="Go to last page"]::before,
.quickgrid-pagination button[aria-label="Go to last page"]::before,
.paginator button[aria-label="Go to last page"]::before {
    content: "»" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.25rem !important;
}

/* Hide any text content in the buttons */
.pagination-container button[aria-label="Go to first page"],
.pagination-container button[aria-label="Go to previous page"],
.pagination-container button[aria-label="Go to next page"],
.pagination-container button[aria-label="Go to last page"],
.quickgrid-pagination button[aria-label="Go to first page"],
.quickgrid-pagination button[aria-label="Go to previous page"],
.quickgrid-pagination button[aria-label="Go to next page"],
.quickgrid-pagination button[aria-label="Go to last page"],
.paginator button[aria-label="Go to first page"],
.paginator button[aria-label="Go to previous page"],
.paginator button[aria-label="Go to next page"],
.paginator button[aria-label="Go to last page"] {
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}