/* Queer Wisconsin — tag pages & chips. Additive; uses theme CSS vars. */

/* Clickable tag chips (entry pages, cards) */
.tag-chips{list-style:none; display:flex; flex-wrap:wrap; gap:.45rem; padding:0; margin:.6rem 0 0}
.tag-chip{
  display:inline-block; padding:.25rem .7rem; border-radius:99px; font-size:.82rem;
  background:var(--color-surface); color:var(--color-primary);
  border:1px solid var(--color-border); text-decoration:none; line-height:1.4; transition:.15s
}
.tag-chip:hover{
  border-color:var(--color-primary); background:var(--color-bg);
  text-decoration:none; transform:translateY(-1px)
}

/* Tag index — a weighted cloud */
.tag-cloud{display:flex; flex-wrap:wrap; gap:.6rem .7rem; margin:1.5rem 0; align-items:baseline}
.tag-cloud a{
  display:inline-flex; align-items:baseline; gap:.35rem; text-decoration:none;
  padding:.3rem .85rem; border-radius:99px; border:1px solid var(--color-border);
  background:var(--color-surface); color:var(--color-text); transition:.15s; line-height:1.3
}
.tag-cloud a:hover{
  border-color:var(--color-primary); color:var(--color-primary);
  text-decoration:none; transform:translateY(-2px); box-shadow:0 6px 18px rgba(123,47,247,.12)
}
.tag-cloud .tc-count{color:var(--color-muted); font-size:.78em; font-variant-numeric:tabular-nums}
.tag-cloud a:hover .tc-count{color:var(--color-accent)}

/* Tags box in the entry aside — matches .factbox / .sources styling */
.entry-tags{
  background:var(--color-surface); border:1px solid var(--color-border);
  border-radius:var(--radius); padding:1.2rem 1.3rem; margin-bottom:1.2rem
}
.entry-tags h2{
  font-size:1rem; margin:.1rem 0 .6rem; text-transform:uppercase;
  letter-spacing:.05em; color:var(--color-muted)
}
.entry-tags .tag-chips{margin:0}

/* Tag detail header */
.tag-head{margin:.4rem 0 1rem}
.tag-head .kicker{
  font-size:.75rem; text-transform:uppercase; letter-spacing:.07em;
  color:var(--color-accent); font-weight:600
}
.tag-head h1{margin:.15rem 0}
.tag-empty{color:var(--color-muted)}