/* Volcanic Coast overrides for the single blog post template (not yet
   rebuilt as its own vc- markup). The parent theme's featured-image header
   is a fragile position:absolute overlay: .entry-title/.entry-meta flip to
   white the moment a post has a featured image, with no scrim behind them.
   No posts currently have one, so this is latent - but this site's subject
   matter (sky, sand, whitewater) makes a light photo likely, and white-on-
   light would make the headline unreadable the day someone adds one.
   Fix: stop it being an overlay at all. Stack image above text instead,
   matching this site's own homepage pattern (vc-featured), rather than
   trying to patch the overlay with a gradient scrim. */

.single:not(.single-job_listing) .entry-featured,
.page .entry-featured {
  position: relative;
  height: 40vh;
  min-height: 280px;
}

.single:not(.single-job_listing) .header-content,
.page .header-content {
  position: relative;
  padding-top: var(--vc-space-md);
}

.single:not(.single-job_listing) .entry-title,
.page .entry-title,
.has-image .single:not(.single-job_listing) .entry-title,
.has-image .page .entry-title {
  font-family: var(--vc-font-heading);
  color: var(--vc-ink) !important;
}

.single:not(.single-job_listing) .entry-subtitle,
.page .entry-subtitle {
  color: var(--vc-support);
}

.single:not(.single-job_listing) .entry-meta a,
.page .entry-meta a,
.has-image .single:not(.single-job_listing) .entry-meta a,
.has-image .page .entry-meta a {
  color: var(--vc-support) !important;
}

.category-link {
  color: var(--vc-accent) !important;
}

/* The parent theme's index.php (blog/posts-page fallback template) dumps
   every category on the site into a .category-list right under the page
   title, unfiltered - sprawling over the hero image. Not curated content,
   just a stock feature. Hide it here rather than overriding the whole
   parent template; .category-list is also legitimately used elsewhere
   (WooCommerce shop archive), so scope this to .blog specifically. */
.blog .category-list {
  display: none;
}