/* ============================================
 * marketing-matters.css — Marketing Matters tweaks
 *
 * Small per-stream overrides layered on top of the reused blog-single-*
 * and insights-* modules. Two jobs:
 *   1. No-feature article hero — the single hero has no featured image,
 *      so the meta column spans full width instead of leaving an empty
 *      right-hand grid cell.
 *   2. Hidden index filter bar — the category-pill + search bar is wired
 *      to FacetWP but hidden for now; reveal it by removing the
 *      --filters-hidden modifier (the real FacetWP facets stay rendered).
 * ============================================ */

/* --- 1. No-feature article hero --- */

/* The shared hero grid is 1fr mobile / 1fr 1fr desktop with a feature
   image in the second cell. With no image we collapse to a single
   column at every breakpoint and cap the title measure so it stays
   readable on wide screens. */
.blog-single-hero--no-feature .blog-single-hero__grid {
  grid-template-columns: 1fr;
}

.blog-single-hero--no-feature .blog-single-hero__meta {
  max-width: 48rem; /* ~ comfortable headline measure */
}

@media (min-width: 1024px) {
  /* Override the shared desktop 2-col rule for this variant. */
  .blog-single-hero--no-feature .blog-single-hero__grid {
    grid-template-columns: 1fr;
  }
}

/* --- 2. Hidden index filter bar --- */

/* Hide the whole designed filter bar while the stream is small. The
   real FacetWP facets (.tlm-insights-hero__facets) are sr-only via the
   insights-hero module and stay rendered, so the feed remains
   FacetWP-driven and ready the instant this modifier is removed. */
.tlm-insights-hero--filters-hidden .tlm-insights-hero__filters {
  display: none;
}

/* --- 3. Text-only feed cards (no featured image) --- */

/* Marketing Matters articles carry no featured image, so the index
   cards drop the media slot entirely (see feed.php). With no image
   above it, give the content a little more top breathing room so the
   title doesn't kiss the card's top border. */
.tlm-insights-feed__card--no-media .tlm-insights-feed__content {
  padding-top: var(--space-lg);
}