/* static/css/components/pagination.css */

.pagination {
    text-align: center;
    padding: 1em 0;
    margin-top: 20px; /* Replaced the inline style */
    margin-bottom: 40px; /* Add some space at the very bottom */
}

.pagination .step-links a,
.pagination .step-links .current {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    background-color: #fff;
    color: #007bff;
    transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth hover */
}

.pagination .step-links a:hover {
    background-color: #e9ecef;
    border-color: #ccc;
    color: #0056b3;
}

.pagination .step-links .current {
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    cursor: default; /* Indicate it's not clickable */
}

/* Optional: Style for disabled links if you implement them */
/*
.pagination .step-links .disabled {
    color: #aaa;
    pointer-events: none;
    background-color: #f9f9f9;
}
*/