/* ==========================================================================
   Felikis — News (estende blog.css; usa as variáveis de theme.css)
   Carregue sempre depois de theme.css e blog.css.
   ========================================================================== */

/* ---------- Chips de categoria da News ---------- */
.cat-chip.cat-monitoramento { background-color: var(--fx-teal-light); color: var(--fx-teal); }
.cat-chip.cat-espacial      { background-color: var(--fx-purple-light); color: var(--fx-purple); }
.cat-chip.cat-agro          { background-color: var(--fx-amber-light); color: var(--fx-amber); }
.cat-chip.cat-energia       { background-color: var(--fx-primary-light); color: var(--fx-primary-dark); }

/* ---------- Selo de cobertura (Brasil / Internacional) ----------
   Sempre com nome textual — nunca apenas cor ou bandeira (acessibilidade). */
.scope-badge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-weight: 700;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  border-radius: 50rem;
  padding: .26rem .7rem;
  border: 1px solid var(--fx-border);
  background-color: #fff;
  color: var(--fx-muted);
  white-space: nowrap;
}
.scope-badge .ico { width: 12px; height: 12px; flex-shrink: 0; }
.scope-badge.scope-br { color: var(--fx-teal); border-color: var(--fx-teal-light); background-color: var(--fx-teal-light); }
.scope-badge.scope-int { color: var(--fx-primary-dark); border-color: var(--fx-primary-light); background-color: var(--fx-primary-light); }

/* ---------- Linha de meta da notícia (local + datas) ---------- */
.news-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .75rem;
  align-items: center;
  font-size: .82rem;
  color: var(--fx-muted);
}
.news-meta-line .dot { width: 3px; height: 3px; border-radius: 50%; background-color: var(--fx-border); }

/* ---------- Ficha de datas (topo da notícia) ---------- */
.news-datebox {
  background-color: var(--fx-bg-soft);
  border: 1px solid var(--fx-border);
  border-radius: .85rem;
  padding: 1rem 1.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .85rem 1.25rem;
}
.news-datebox .item { display: flex; flex-direction: column; gap: .1rem; }
.news-datebox .lbl {
  font-size: .68rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--fx-muted);
}
.news-datebox .val { font-size: .92rem; font-weight: 600; color: var(--fx-ink); }

/* ---------- Situação da informação ---------- */
.news-status {
  display: inline-flex; align-items: center; gap: .45rem;
  font-size: .78rem; font-weight: 700;
  border-radius: 50rem; padding: .28rem .75rem;
  background-color: var(--fx-teal-light); color: var(--fx-teal);
}
.news-status .pip { width: 7px; height: 7px; border-radius: 50%; background-color: currentColor; flex-shrink: 0; }
.news-status.is-acompanhamento { background-color: var(--fx-amber-light); color: var(--fx-amber); }
.news-status.is-historica { background-color: var(--fx-bg-soft); color: var(--fx-muted); }

/* ---------- Aviso de atualização / correção ---------- */
.news-update-note {
  border-left: 4px solid var(--fx-amber);
  background-color: var(--fx-amber-light);
  border-radius: .6rem;
  padding: .9rem 1.15rem;
  font-size: .9rem;
  margin: 1.5rem 0;
}
.news-update-note strong { display: block; margin-bottom: .2rem; color: var(--fx-ink); }

/* ---------- Seletores de região e período (toolbar da News) ---------- */
.filter-select {
  padding: .55rem .8rem;
  font-size: .9rem;
  font-weight: 500;
  color: var(--fx-ink);
  border-color: var(--fx-border);
  border-radius: .6rem;
  background-color: #fff;
}
.filter-select:focus { border-color: var(--fx-primary); }

/* ---------- Card de notícia: faixa superior com selo ---------- */
.post-card__topline {
  display: flex; align-items: center; justify-content: space-between;
  gap: .5rem; margin-bottom: .1rem; flex-wrap: wrap;
}

/* ---------- Caixa de fontes com metadados detalhados ---------- */
.sources-box .src-detail {
  display: block;
  font-size: .8rem;
  color: var(--fx-muted);
  margin-top: .15rem;
}
.sources-box .src-supports {
  display: block;
  font-size: .8rem;
  color: var(--fx-ink);
  margin-top: .25rem;
  padding-left: .6rem;
  border-left: 2px solid var(--fx-border);
}

/* ---------- Divisor de seção na listagem ---------- */
.news-section-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;
}