/*
 * Widget Tags (Taxonomia) — lista de pills, sem card/wrapper.
 * Valores do design (Paper: EAD / Post / "Tags relacionadas"):
 * pills 5px/10px padding / pill radius.
 *
 * Cores dirigidas por custom properties (--pucpr-tag-*): os controles do
 * widget setam as vars no wrapper; o CSS abaixo aplica os valores. Assim o
 * !important (necessário pra vencer a cor de link/accent do kit do Elementor
 * nos estados :hover/:visited) fica na regra, não no valor — os controles
 * continuam mandando, e o hover herda a cor normal quando não for definido.
 */

.pucpr-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.pucpr-tags__pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: var(--pucpr-tag-fundo, #ffffff);
  border-radius: 1000px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: var(--pucpr-tag-cor, var(--preto, #000));
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}

/* Cor nos estados interativos: !important vence o kit; valor vem das vars
   (controle "hover" → cai na cor normal quando não definido). */
.pucpr-tags__pill:hover,
.pucpr-tags__pill:focus-visible,
.pucpr-tags__pill:visited {
  color: var(--pucpr-tag-cor-hover, var(--pucpr-tag-cor, var(--preto, #000))) !important;
}

.pucpr-tags__pill:hover,
.pucpr-tags__pill:focus-visible {
  background: var(--pucpr-tag-fundo-hover, var(--pucpr-tag-fundo, #ffffff));
  text-decoration: underline;
}

/* Formato "link": texto inline simples, sem fundo/padding — alinha com o
   texto ao redor (ex.: breadcrumb) pela baseline, sem a caixa flex e o
   line-height fixo da pill (que causavam margem/desalinhamento). */
.pucpr-tags--link {
  display: inline;
}

.pucpr-tags--link .pucpr-tags__pill,
.pucpr-tags--link .pucpr-tags__pill:hover,
.pucpr-tags--link .pucpr-tags__pill:focus-visible {
  display: inline;
  padding: 0;
  border-radius: 0;
  background: transparent;
  line-height: inherit;
  white-space: normal;
}

.pucpr-tags--link .pucpr-tags__pill:not(:last-child) {
  margin-right: 8px;
}