/* =========================================
   Popular Posts — match Related Posts
   ========================================= */

/* Widget */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts {
  display: block !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

/* Heading */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts > .widget-title {
  display: block !important;
  margin: 0 0 25px !important;
  padding: 0 !important;
}

/* List reset */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts .popular-posts-list {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Each card */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts .popular-post-item {
  display: block !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  list-style: none !important;
}


#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.popular-post-item::before,
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.popular-post-item::after {
  display: none !important;
  content: none !important;
}

/* Same block structure as related posts */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.post-block-item-one,
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.post-block-item-two,
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.grid-style-one-inner {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Link must be block, not flex */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.popular-post-link {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Same full-width image behavior */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.news-post-grid-thumbnail {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.news-post-grid-thumbnail-wrap {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.news-post-grid-thumbnail img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
}

/* Content beneath image */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.news-post-grid-content {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Title */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
h3.post-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
h3.post-title a {
  display: inline !important;
  color: #555 !important;
  text-decoration: none !important;
}

/* Date below title */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.blog-post-meta-items {
  display: block !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

/* Popular-post category above headline */
#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.blog-post-meta-items {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.post-cat-box {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.post-cat-box .news-cat_Name {
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#sidebar.sidebar.blog-sidebar .sidebar-popular-posts
.post-cat-box .news-cat_Name:hover {
  color: #2864d7 !important;
}
