/*
 * Single-post category indicator — styled as a gold pill.
 *
 * This child theme has no single.php override, so the category link is printed
 * by Astra's stock entry-meta. On this Astra version the markup is:
 *   <div class="entry-meta"><span class="ast-terms-link"><a>Category</a></span></div>
 * (no `.cat-links` wrapper). We restyle those anchors into a compact uppercase
 * gold pill matching the site's gold token (var(--gold), which is theme-aware:
 * deeper on light, brightened on dark) and the band treatment used elsewhere.
 * The default "Uncategorized" is filtered out in functions.php, so a post with
 * no real category shows no pill at all.
 */

.single-post .entry-meta .ast-terms-link {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.single-post .entry-meta .ast-terms-link a {
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.6;
  color: var(--gold);
  background: transparent;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}

.single-post .entry-meta .ast-terms-link a:hover,
.single-post .entry-meta .ast-terms-link a:focus {
  background: var(--gold);
  color: #1d2735; /* dark navy band color — readable on the gold fill in both themes */
}

/* Drop any default separator glyph Astra renders between multiple terms,
 * since the pills carry their own visual separation via the flex gap. */
.single-post .entry-meta .ast-terms-link::after {
  content: none;
}