/* Ensure pagination SVG icons are sized correctly */
nav[role="navigation"] svg {
    width: 20px; /* Set desired width */
    height: 20px; /* Set desired height */
    vertical-align: middle; /* Align with text */
}

/* Optional: Style pagination buttons for consistency */
.pagination .page-link {
    padding: 0.5rem 0.75rem; /* Adjust padding */
    font-size: 0.875rem; /* Match text size */
    line-height: 1.25rem;
    color: #333; /* Text color */
    background-color: #fff; /* Background */
    border: 1px solid #ddd; /* Border */
    border-radius: 0.25rem; /* Rounded corners */
    margin-left: -1px; /* Fix spacing */
}

.pagination .page-link:hover {
    color: #0056b3; /* Hover text color */
    background-color: #f8f9fa; /* Hover background */
    border-color: #ddd;
}

.pagination .page-item.active .page-link {
    background-color: #007bff; /* Active background */
    border-color: #007bff;
    color: #fff; /* Active text color */
}

.pagination .page-item.disabled .page-link {
    color: #6c757d; /* Disabled text color */
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}