/* Pagination Component Styles */
.pagination {
    --bs-pagination-bg: #181818;
    --bs-pagination-border-color: #404040;
    --bs-pagination-color: #fff;
    --bs-pagination-hover-bg: #2f2f2f;
    --bs-pagination-hover-border-color: #404040;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-focus-bg: #2f2f2f;
    --bs-pagination-active-bg: #e50914;
    --bs-pagination-active-border-color: #e50914;
    --bs-pagination-disabled-bg: #181818;
    --bs-pagination-disabled-border-color: #404040;
}

.pagination .page-link {
    background: #181818;
    border: 1px solid #404040;
    color: #fff;
    padding: 0.5rem 0.75rem;
    margin: 0 2px;
    border-radius: 4px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
}

.pagination .page-link:hover {
    background: #2f2f2f;
    border-color: #404040;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background: #e50914;
    border-color: #e50914;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    background: #181818;
    border-color: #404040;
    color: #666;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    min-width: auto;
    padding: 0.5rem 1rem;
}