/* ============================================================
   POST TV — Editoria e Localidade
   Etiquetas dos cartões, do cabeçalho da matéria (single.php) e do
   destaque da home (front-page.php): editoria (o QUE) em destaque,
   localidade (o ONDE) ao lado em estilo discreto quando as duas
   existem. Usa os tokens do style.css, então acompanha o tema claro
   e o escuro sem cor fixa.

   Prefixo "ptv-" em tudo: nomes com "ad" são escondidos pelos
   filtros cosméticos de ad-block, como já aconteceu com as barras
   laterais (##.ad-rail).
   ============================================================ */

/* Linha que agrupa a etiqueta da editoria e a da localidade. */
.ptv-tags{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

/* No cartão, era a etiqueta que ganhava a margem de separação da foto;
   agora é a linha que a envolve. A regra ".card .tag" do style.css
   continua valendo (descendente), então zeramos a margem duplicada. */
.card .ptv-tags{ margin-top:11px; }
.card .ptv-tags .tag{ margin-top:0; }

/* Sem editoria (acervo antigo, só cidade): a etiqueta colorida degrada
   para a localidade, com um tom diferente do laranja da editoria para
   o leitor não confundir "o que" com "onde". */
.tag.tag--loc{
  background:var(--blue);
}

/* Localidade discreta ao lado da etiqueta da editoria, quando a
   matéria tem as duas dimensões marcadas. */
.ptv-loc{
  display:inline-flex;
  align-items:center;
  font-family:var(--mono);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ink-soft);
  text-decoration:none;
  white-space:nowrap;
}

.ptv-loc::before{
  content:"•";
  margin-right:5px;
  opacity:.55;
}

a.ptv-loc:hover{
  color:var(--orange);
}

/* Dentro do card de destaque da home (foto de fundo com gradiente
   escuro fixo, igual ao ".lead__cap .byline" do style.css), o texto
   claro fixo garante contraste em qualquer tema. */
.lead__cap .ptv-loc{
  color:#D8D8D6;
}

.lead__cap a.ptv-loc:hover{
  color:var(--lime);
}

/* Telas estreitas: a localidade discreta pode quebrar linha sem
   empurrar o layout ou vazar da largura do cartão. */
@media (max-width:390px){
  .ptv-tags{ row-gap:4px; }
}