/* ===================== HECHSHER CERTIFICATION BADGES =====================
 * Typographic representations of common hechsher marks.
 * Original artwork, not licensed logos. Each badge displays the agency
 * abbreviation in their characteristic style without using their trademarked
 * logomark. Used for visual scanning only — full certification names and
 * caveats appear in the adjacent card text.
 * Added 2026-05-14.
 * ========================================================================= */

.hechsher-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 4px 0 12px;
}

.hechsher-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  border-radius: 6px;
  padding: 4px 7px;
  background: #fff;
  border: 1.5px solid var(--ink);
  color: var(--ink);
  line-height: 1;
  white-space: nowrap;
  min-width: 32px;
  height: 22px;
  box-sizing: border-box;
}

/* OU — circled "U" inside the badge convention */
.hechsher-badge.ou::before {
  content: "Ⓤ";
  font-size: 13px;
  margin-right: 3px;
}
.hechsher-badge.ou::after { content: "OU"; }
.hechsher-badge.ou { padding-left: 4px; }

/* OK — circled "K" */
.hechsher-badge.ok::before {
  content: "Ⓚ";
  font-size: 13px;
  margin-right: 3px;
}
.hechsher-badge.ok::after { content: "OK"; }
.hechsher-badge.ok { padding-left: 4px; }

/* Star-K — star + K */
.hechsher-badge.star-k::before {
  content: "★";
  margin-right: 3px;
  color: var(--gold);
}
.hechsher-badge.star-k::after { content: "Star-K"; }

/* KOF-K — text only */
.hechsher-badge.kof-k::after { content: "KOF-K"; }

/* CRC — Chicago Rabbinical Council */
.hechsher-badge.crc::after { content: "cRc"; letter-spacing: 0; }

/* Badatz — Hebrew/English combo */
.hechsher-badge.badatz {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.hechsher-badge.badatz::after { content: "Badatz"; }

/* Generic / other */
.hechsher-badge.other::after { content: attr(data-cert); }

/* Status modifiers — go AFTER the cert badges */
.hechsher-tag {
  display: inline-flex;
  align-items: center;
  font-family: Inter, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 3px 9px;
  background: rgba(11, 26, 58, 0.06);
  color: rgba(11, 26, 58, 0.75);
  line-height: 1;
  height: 22px;
  box-sizing: border-box;
}

.hechsher-tag.pareve {
  background: rgba(91, 107, 61, 0.10); /* olive */
  color: #4a5a30;
}
.hechsher-tag.dairy {
  background: rgba(255, 255, 255, 0.0);
  color: var(--crimson);
  border: 1px solid var(--crimson);
}
.hechsher-tag.fish {
  background: rgba(44, 84, 144, 0.08);
  color: #2c5490;
}
.hechsher-tag.pesach {
  background: rgba(138, 31, 42, 0.08);
  color: var(--crimson);
  font-weight: 700;
}
.hechsher-tag.veg-cap,
.hechsher-tag.shell {
  background: rgba(138, 100, 32, 0.10);
  color: var(--gold);
}

/* Tooltip-on-hover (basic; no JS dep) */
.hechsher-badge[title]:hover,
.hechsher-tag[title]:hover {
  cursor: help;
  filter: brightness(0.92);
}