/* Pagination container */
ul.pagination *:active {
    color: rgb(255, 255, 255);
    box-shadow: none;
}

ul.pagination *:focus {
    color: rgb(255, 255, 255);
    box-shadow: none;
}

ul.pagination {
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin: 20px 0;
}

ul.pagination * {
    border: none !important;
}

/* Pagination items */
ul.pagination .page-item {
    margin: 0 3px;
}

ul.pagination .page-item a,
ul.pagination .page-item span {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    background-color: rgb(160, 122, 18);
    border: 1px solid #8d8c86;
    border-radius: 0.25rem;
    /*transition: all 0.3s ease;*/
}

ul.pagination .page-item a:hover {
    background-color: #e9ecef;
    border-color: #8d8c86;
}

/* Active page styling */
ul.pagination .page-item.active span {
    background-color: #8b8a7f;
    border-color: #8d8c86;
    cursor: default;
}

/* Disabled page item */
ul.pagination .page-item.disabled span {
    pointer-events: none;
    background-color: rgb(160, 122, 18);
    border-color: rgb(160, 122, 18);
}

ul.pagination .page-item a.page-link:hover {
    background-color: rgb(119, 91, 14);
}

/* Hover effect for pagination items */
ul.pagination .page-item a:hover {
    background-color: rgb(119, 91, 14);
}