/* herb-styles.css – opieka.farm · Baza ziół i suplementów.
   Builds on home-styles.css + calc-styles.css (index/detail scaffolding) +
   chor-styles.css (detail blocks) + subst-styles.css (interactions, adverse,
   preglac, atc-card, sym-chips). Adds only the herb/supplement-specific bits:
   the kind flag, botanical/INCI name line, evidence badge, and kicker tint.
   Loaded last. */

/* Per-section icon tint on the shared card */
.calc-card.h-digest .ic { background: rgba(20,160,133,0.12); color: var(--accent-2); }
.calc-card.h-calm   .ic { background: rgba(29,115,139,0.10); color: var(--primary-2); }
.calc-card.h-immune .ic { background: rgba(204,50,102,0.12);  color: var(--warn); }
.calc-card.h-cardio .ic { background: rgba(13,75,92,0.08);   color: var(--primary); }
.calc-card.h-vit    .ic { background: rgba(20,160,133,0.12); color: var(--accent-2); }

/* Kind flag – surowiec roślinny vs składnik suplementu */
.calc-card .flag.herb { background: rgba(20,160,133,0.12); color: var(--accent-2); }
.calc-card .flag.supl { background: rgba(29,115,139,0.12); color: var(--primary-2); }

/* Botanical / INCI name under the card name */
.calc-card .herb-latin {
  font-style: italic;
  font-size: 12.5px; color: var(--ink-3); line-height: 1.35; margin: -2px 0 2px;
}

/* Evidence badge in the card foot + facts */
.herb-ev {
  font-family: 'Source Sans 3', sans-serif; font-size: 10px; font-weight: 500;
  letter-spacing: 0.04em; padding: 2px 8px; border-radius: 5px; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 5px;
}
.herb-ev::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.herb-ev.ev-hi  { background: rgba(20,160,133,0.12); color: var(--accent-2); }
.herb-ev.ev-mid { background: rgba(29,115,139,0.12); color: var(--primary-2); }
.herb-ev.ev-lo  { background: rgba(204,50,102,0.12);  color: var(--warn); }

/* Index legend row */
.herb-key { margin-left: auto; color: var(--ink-3); font-size: 12px; }
.herb-key b { color: var(--ink-2); font-weight: 600; }

/* Detail header kicker tint */
.calc-detail-h .kicker.herb .ic      { background: rgba(20,160,133,0.12); color: var(--accent-2); }
.calc-detail-h .kicker.herb          { color: var(--accent-2); }
.calc-detail-h .kicker.herb-supl .ic { background: rgba(29,115,139,0.12); color: var(--primary-2); }
.calc-detail-h .kicker.herb-supl     { color: var(--primary-2); }

/* Facts strip: evidence + latin tints */
.chor-facts .fact .v .latin { font-style: italic; font-weight: 500; }