/* blog_list.css - simple, adapt to your existing theme */

/* layout */
.content-wrapper {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.left-content { flex: 3; }
.right-sidebar { flex: 1; }

/* post card */
.post-card {
  display: flex;
  gap: 18px;
  background: #141312;
  border: 1px solid #222;
  padding: 14px;
  margin-bottom: 18px;
  border-radius: 4px;
  align-items: flex-start;
}
.post-thumb {
  width: 280px;           /* fixed width for thumbnail */
  height: 157px;          /* 16:9 ratio for 280x157 */
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 3px;
}
.post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.post-body { color:#eaeaea; max-width:100%; }
.post-title { font-size: 20px; margin:0 0 6px; }
.post-title a { color:#fff; text-decoration:none; }
.post-meta { color:#bdbdbd; font-size:13px; margin-bottom:8px; }
.post-excerpt { color:#cfcfcf; line-height:1.5; margin-bottom:10px; }

/* read more */
.read-more {
  display:inline-block;
  padding:6px 10px;
  background:#ffc107;
  color:#111;
  text-decoration:none;
  font-weight:600;
  border-radius:3px;
}

/* pagination */
.pagination { margin-top: 16px; display:flex; gap:8px; align-items:center; }
.page-number, .page-link { padding:6px 10px; border-radius:3px; color:#fff; background:#222; text-decoration:none; }
.page-number.current { background:#ffc107; color:#111; font-weight:700; }

/* sidebar */
.sidebar-block { margin-bottom:20px; background:#2c2a26; padding:14px; border-radius:4px; border:1px solid #444; }
.sidebar-block h3 { color:#ffc107; margin-bottom:10px; font-size:18px; }

/* recent posts list */
.recent-posts ul { list-style:none; padding:0; margin:0; }
.recent-posts li { display:flex; gap:10px; margin-bottom:10px; align-items:center; }
.recent-thumb { width:64px; height:40px; object-fit:cover; border-radius:3px; }
.recent-title { color:#fff; display:block; font-size:14px; }

/* categories */
.categories ul { list-style:none; padding:0; margin:0; }
.categories li { margin-bottom:8px; }
.categories a { color:#fff; text-decoration:none; }
.categories a.active-cat { color:#ffc107; font-weight:700; }

/* search widget */
.sidebar-search-form { display:flex; gap:8px; }
.sidebar-search-form input { flex:1; padding:8px; border:none; font-size:14px; }
.sidebar-search-form button { padding:8px 12px; background:#ffc107; border:none; cursor:pointer; font-weight:700; }