/* ===== Awards v1 (Grok Bot design, 2026-10-23) — extends MICHELIN lock V2; MICHELIN rules above are untouched ===== */

/* 1) Badge row: positioning moves from .michelin-badge to a wrapper so 1–n badges wrap together */
.award-badges {
  position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 1;
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px;
  pointer-events: none;            /* image stays clickable; badges carry title tooltips via pointer-events:auto */
}
.award-badges > * { pointer-events: auto; }
.award-badges > .michelin-badge { position: static; max-width: 100%; }

/* 2) James Beard badge — same pill geometry as the lock, quieter treatment */
.jb-badge {
  display: inline-flex; align-items: center; gap: 8px;
  height: 36px; min-width: 120px; max-width: 100%; padding: 0 12px;
  border: 2px solid #5e7180; border-radius: 999px; background: #f8f6f0; box-sizing: border-box;
  white-space: nowrap; box-shadow: 0 1px 5px rgba(16, 44, 65, 0.18);
}
.jb-badge .jb-icon {
  flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box;
  display: grid; place-items: center; border: 1.5px solid #5e7180; color: #02376c; background: transparent;
}
.jb-badge .jb-svg { width: 14px; height: 14px; stroke-width: 2; }
.jb-badge .jb-text { display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.1; }
.jb-badge .jb-top { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #5e7180; }
.jb-badge .jb-label { font-size: 14px; font-weight: 500; letter-spacing: 0.02em; color: #12324a; overflow: hidden; text-overflow: ellipsis; }

html[data-theme="dark"] .jb-badge { background: #0b2a52; border-color: #8a9bab; }
html[data-theme="dark"] .jb-badge .jb-icon { border-color: #b9cbd7; color: #f8f6f0; }
html[data-theme="dark"] .jb-badge .jb-top { color: #b9cbd7; }
html[data-theme="dark"] .jb-badge .jb-label { color: #f8f6f0; }


/* 3) Approved change (Kirk, 2026-10-23): light-mode Bib Gourmand LABEL text #C2410C (AA 4.79 on #F8F6F0).
      Border + icon circle stay #F85324; dark mode unchanged (the html[data-theme="dark"] label rule in design-spec.css still wins). */
.michelin-badge.mb-bib .mb-label { color: #c2410c; }