/*
 * Vibenews Recent Post widget
 * Used as the "Popular Posts" sidebar module.
 *
 * Scoped to the widget class to avoid changing post cards,
 * related-post modules, category lists, or search widgets.
 */

.widget_vibenews_recent_post {
  width: 100%;
  margin: 34px 0 0;
}

/* Widget heading: “Popular Posts”. */
.widget_vibenews_recent_post .widget-title {
  margin: 0 0 20px;
  color: #111;
  font-family: 'Neue Haas Display Roman', sans-serif !important;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

/* One sidebar story row. */
.widget_vibenews_recent_post .post-small-list-wrap {
  width: 100%;
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid #d9d9d9;
}

.widget_vibenews_recent_post .post-small-list-wrap:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.widget_vibenews_recent_post .small-post-list-item-block {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  width: 100%;
}

/* Thumbnail. */
.widget_vibenews_recent_post .news-post-grid-thumbnail {
  width: 116px;
  height: 82px;
  overflow: hidden;
  background: #f1f1f1;
}

.widget_vibenews_recent_post .news-post-grid-thumbnail-wrap,
.widget_vibenews_recent_post .news-post-grid-thumbnail-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}

.widget_vibenews_recent_post .news-post-grid-thumbnail-wrap img {
  object-fit: cover;
}

/* Text area. */
.widget_vibenews_recent_post .news-post-grid-content {
  min-width: 0;
}

.widget_vibenews_recent_post .blog-post-meta-items {
  display: block;
  margin: 0 0 6px;
}

.widget_vibenews_recent_post .post-cat-box,
.widget_vibenews_recent_post .post-date-box {
  display: block;
  margin: 0;
}

.widget_vibenews_recent_post .news-cat_Name,
.widget_vibenews_recent_post .post-date-box {
  color: #777;
  font-family: 'Neue Haas Display Roman', sans-serif !important;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.widget_vibenews_recent_post .news-cat_Name {
  text-decoration: none;
}

.widget_vibenews_recent_post .news-cat_Name:hover,
.widget_vibenews_recent_post .news-cat_Name:focus {
  color: #e33100;
}

.widget_vibenews_recent_post .post-date-box {
  margin-top: 3px;
}

.widget_vibenews_recent_post .post-title {
  margin: 0;
  color: #111;
  font-family: 'Adobe Caslon Pro', serif !important;
  font-size: 1.22rem;
  font-weight: 600;
  line-height: 1.08;
}

.widget_vibenews_recent_post .post-title a {
  color: inherit;
  text-decoration: none;
}

.widget_vibenews_recent_post .post-title a:hover,
.widget_vibenews_recent_post .post-title a:focus {
  color: #e33100;
}

/*
 * Desktop single-post sidebar is col-lg-3, which is narrower than
 * a standard category sidebar. Scale the card row down accordingly.
 */
.single-post .blog-sidebar .widget_vibenews_recent_post .small-post-list-item-block {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
}

.single-post .blog-sidebar .widget_vibenews_recent_post .news-post-grid-thumbnail {
  width: 92px;
  height: 66px;
}

.single-post .blog-sidebar .widget_vibenews_recent_post .post-title {
  font-size: 1.05rem;
}

/* On tablet/mobile, the sidebar becomes full width. */
@media (max-width: 991px) {
  .widget_vibenews_recent_post {
    margin-top: 30px;
  }

  .single-post .blog-sidebar .widget_vibenews_recent_post .small-post-list-item-block,
  .widget_vibenews_recent_post .small-post-list-item-block {
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 14px;
  }

  .single-post .blog-sidebar .widget_vibenews_recent_post .news-post-grid-thumbnail,
  .widget_vibenews_recent_post .news-post-grid-thumbnail {
    width: 124px;
    height: 86px;
  }

  .single-post .blog-sidebar .widget_vibenews_recent_post .post-title,
  .widget_vibenews_recent_post .post-title {
    font-size: 1.2rem;
  }
}

@media (max-width: 420px) {
  .widget_vibenews_recent_post .small-post-list-item-block {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 12px;
  }

  .widget_vibenews_recent_post .news-post-grid-thumbnail {
    width: 104px;
    height: 74px;
  }

  .widget_vibenews_recent_post .post-title {
    font-size: 1.1rem;
  }
}