/*
 * Post card meta row: the template download count, and the guards that keep the
 * row on a single line.
 *
 * This is loaded on every page rather than from one of the per-page
 * stylesheets, because template-parts/content-post-card.php is shared by the
 * templates archive, the blog and guides listings, author pages and the
 * related-posts strips on single posts -- and no existing stylesheet is loaded
 * on all of them. Without this the badge renders unstyled anywhere outside the
 * templates archive. The rest of the card's styling still lives per page,
 * following the theme's existing convention.
 */

.post-card .meta .downloads {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Matches the date icon beside it. */
.post-card .meta .downloads svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

/* Matches the date label beside it. */
.post-card .meta .downloads span {
  color: #868e96;
  font-size: 0.875rem;
  font-weight: 500;
}

/*
 * The count is a third item in a fixed-width row, and on a card with a long
 * author name it pushed the date onto a second line. The name is the one part
 * that can give; min-width:0 is what allows a flex item to shrink below the
 * width of its own content.
 */
.post-card .meta .author-info {
  min-width: 0;
}

.post-card .meta .author-info .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-card .meta .date {
  flex-shrink: 0;
}

.post-card .meta .date span {
  white-space: nowrap;
}