/* css/associations-editorial.css
   Camada de calor editorial para o módulo de associações — listagem
   (/associations) e ficha de detalhe (/association-detail.html) — no
   mesmo padrão visual já estabelecido em Saladas: moldura dupla estilo
   herbário (pensativa-visual.css), tipografia serifada nos títulos,
   selos pequenos e aviso legal em destaque. Só usa tokens já definidos
   em main.css e as classes reutilizáveis de pensativa-visual.css,
   nenhum componente novo do zero.
*/

body[data-page="associations"] .section-title {
  font-style: italic;
}

/* A ficha de detalhe (association-detail.html) usa a namespace
   ".herbal-*", com um verde-azulado (--herbal-green) e --font-sans
   (variável nunca definida em main.css, então os h2 caíam pra fonte
   padrão) próprios, fora da paleta creme/verde-floresta/terracota e da
   serifada Cormorant usadas no resto do site. Redefinir as duas
   variáveis no escopo do componente propaga a identidade correta pra
   toda a ficha sem reescrever cada seletor .herbal-*. */
body[data-page="association-detail"] .herbal-association-page {
  --herbal-green: var(--brand-forest, #42563a);
  --herbal-line: var(--line-soft, rgba(44, 51, 38, .13));
  --font-sans: var(--font-heading);
}

body[data-page="association-detail"] .herbal-profile-card h2,
body[data-page="association-detail"] .herbal-section-head h2,
body[data-page="association-detail"] .herbal-section-block h2 {
  font-style: italic;
}

body[data-page="association-detail"] .herbal-rating-row strong {
  color: var(--brand-ink, #2c3326);
}

body[data-page="association-detail"] .herbal-rating-row,
body[data-page="association-detail"] .herbal-metric small,
body[data-page="association-detail"] .herbal-sources p {
  color: var(--soft-gray, #b8b5a8);
}

/* Moldura dupla estilo herbário nos blocos principais da ficha, e
   superfícies em papel/creme no lugar do branco genérico. */
body[data-page="association-detail"] .herbal-association-hero,
body[data-page="association-detail"] .herbal-profile-card,
body[data-page="association-detail"] .herbal-section-block,
body[data-page="association-detail"] .herbal-metric {
  position: relative;
  background: var(--surface-paper, #fffaf2);
  box-shadow: var(--shadow-paper);
}

body[data-page="association-detail"] .herbal-association-hero::after,
body[data-page="association-detail"] .herbal-profile-card::after,
body[data-page="association-detail"] .herbal-section-block::after,
body[data-page="association-detail"] .herbal-metric::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(217, 115, 66, .16);
  border-radius: 22px;
  pointer-events: none;
}

body[data-page="association-detail"] .herbal-logo-card {
  background: var(--surface-cream, #fdf3e8);
}

body[data-page="association-detail"] .herbal-badges span {
  background: rgba(107, 142, 78, .12);
}

body[data-page="association-detail"] .herbal-contact-box {
  background: rgba(253, 238, 224, .5);
}

body[data-page="association-detail"] .herbal-strain-card img {
  background: var(--surface-paper, #fffaf2);
  border-color: var(--line-soft, rgba(44, 51, 38, .13));
}

body[data-page="associations"] .association-header-identity h3,
body[data-page="associations"] .association-card h3 {
  font-family: var(--font-heading);
  font-style: italic;
  font-weight: 600;
}

body[data-page="associations"] .association-card:hover,
body[data-page="associations"] .card.association-card:hover {
  border-color: rgba(217, 115, 66, .38);
  box-shadow: 0 16px 38px rgba(44, 51, 38, .12);
}

/* Avatar/logo com a mesma moldura quente usada nas fotos de Saladas,
   em vez da borda neutra padrão — sem mexer no tamanho (o grid do
   cabeçalho do card depende dessa medida). */
body[data-page="associations"] .association-avatar {
  border-color: rgba(217, 115, 66, .28);
  box-shadow: 0 6px 16px rgba(44, 51, 38, .1);
}

/* Selos: mesma linguagem de .salada-selo — pequenos, com peso, sem
   caixa alta forçada. */
body[data-page="associations"] .confidence-badge,
body[data-page="associations"] .partner-badge,
body[data-page="associations"] .association-meta-chip {
  border-radius: var(--radius-full, 999px);
  font-weight: 700;
  font-size: .74rem;
}

body[data-page="associations"] .confidence-confirmado {
  background: rgba(107, 142, 78, .18);
  border-color: rgba(107, 142, 78, .32);
  color: var(--brand-forest, #42563a);
}

body[data-page="associations"] .partner-badge {
  background: rgba(217, 115, 66, .14);
  border-color: rgba(217, 115, 66, .34);
  color: var(--brand-terracotta-dark, #c76336);
}

/* Aviso legal: reaproveita .pensativa-disclaimer em vez do texto solto
   e apagado que a página tinha antes. */
body[data-page="associations"] .footer-disclaimer,
body[data-page="association-detail"] .footer-disclaimer {
  padding: .85rem 1.1rem;
  border-radius: 16px;
  border: 1px solid var(--line-botanical, rgba(44, 51, 38, .14));
  border-left: 3px solid var(--brand-terracotta, #d97342);
  background: rgba(253, 238, 224, .5);
}

body[data-page="associations"] .footer-disclaimer p,
body[data-page="association-detail"] .footer-disclaimer p {
  opacity: 1;
}