.widget_optimized_stories_categories_widget ul {
max-height: 250px; /* adjustable */
overflow-y: auto;
padding-right: 6px;margin-left: 30px;
margin-top: 30px;
}
.widget_optimized_stories_categories_widget ul::-webkit-scrollbar {
width: 6px;
}
.widget_optimized_stories_categories_widget ul::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 4px;
}
/* Recent Stories Container */
.recent-stories {
margin: 0;
padding: 0;
}
/* Each story item */
.recent-stories .story-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
/* Story Likes (left column) */
.recent-stories .story-left {
margin-right: 20px;
font-size: 18px;
color: #ff5e5e;
}
/* Title */
.recent-stories .story-title {
font-size: 20px;
margin: 0 0 10px 0;
font-weight: 600;
}
.recent-stories .story-title a {
text-decoration: none;
color: #333;
}
.recent-stories .story-title a:hover {
color: #D49B3D;
}
/* Meta info */
.recent-stories .story-meta {
font-size: 14px;
color: #777;
margin-bottom: 10px;
}
.recent-stories .story-meta span {
margin-right: 8px;
}
.recent-stories .story-meta a {
color: #777;
text-decoration: none;
}
.recent-stories .story-meta a:hover {
color:#D49B3De;
}
/* Excerpt */
.recent-stories .story-excerpt {
font-size: 15px;
line-height: 1.6;
color: #555;
}
/* Pagination */
.recent-stories-pagination {
margin-top: 30px;
text-align: center;
}
.recent-stories-pagination .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 6px 12px;
font-size: 14px;
color: #333;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 4px;
text-decoration: none;
transition: all 0.3s ease;
}
.recent-stories-pagination .page-numbers.current {
background: #D49B3D;
color: #fff;
border-color: #D49B3D;
}
.recent-stories-pagination .page-numbers:hover {
background: #D49B3D;
color: #fff;
border-color: #D49B3D;
}
/* Responsive: Stack on mobile */
@media only screen and (max-width: 768px) {
.recent-stories .story-item {
flex-direction: column;
}
.recent-stories .story-left {
margin-bottom: 10px;
}
}