/* ============================================================
   Widget · Joint Commission Badge
   ============================================================
   Small accreditation pill rendered per-location. Two style
   modifiers:

     .bdc-tjc-badge--card  → full pill with icon + eyebrow + ID + verify link
     .bdc-tjc-badge--line  → single-line inline row (compact)

   Pending state (--pending) softens the border and muts the copy
   so an unfilled ID reads as "we're waiting on this" rather than
   an authoritative claim.
   ============================================================ */

.bdc-tjc-badge {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: #ffffff;
  border: 1px solid #b8c4b8;
  border-radius: 12px;
  color: var(--bdc-ink, #1a1f1a);
  font-family: var(--bdc-sans, Inter, system-ui, sans-serif);
  box-shadow: 0 1px 2px rgba(31, 63, 51, 0.04);
}

.bdc-tjc-badge--pending {
  border-color: #d9d0b8;
  background: #fbf9f4;
}

.bdc-tjc-badge__mark {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1f3f33;
  background: #e6ede6;
  border-radius: 8px;
}

.bdc-tjc-badge--pending .bdc-tjc-badge__mark {
  color: #7a4a1a;
  background: #f5e2c8;
}

.bdc-tjc-badge__body {
  flex: 1 1 auto;
  min-width: 0;
}

.bdc-tjc-badge__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1f3f33;
  margin-bottom: 2px;
}

.bdc-tjc-badge__title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1f1a;
  line-height: 1.35;
}

.bdc-tjc-badge__id {
  font-size: 14px;
  color: #4a524d;
  line-height: 1.5;
  margin-top: 2px;
}

.bdc-tjc-badge--pending .bdc-tjc-badge__id em {
  font-style: normal;
  color: #7a4a1a;
  font-weight: 600;
}

.bdc-tjc-badge__verify {
  color: #1f3f33;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(31, 63, 51, 0.35);
  transition: border-color 160ms ease, color 160ms ease;
}

.bdc-tjc-badge__verify:hover,
.bdc-tjc-badge__verify:focus-visible {
  color: #103528;
  border-bottom-color: #1f3f33;
  outline: none;
}

/* Compact one-line variant — used on tight cards where the full pill
   is too much. Kept in the same file so both variants share the
   colour tokens. */
.bdc-tjc-badge--line {
  padding: 10px 14px;
  gap: 10px;
  font-size: 14px;
}
.bdc-tjc-badge--line .bdc-tjc-badge__mark {
  width: 28px;
  height: 28px;
}
.bdc-tjc-badge--line .bdc-tjc-badge__eyebrow { display: none; }
.bdc-tjc-badge--line .bdc-tjc-badge__title {
  font-size: 14px;
  font-weight: 600;
  display: inline;
}
.bdc-tjc-badge--line .bdc-tjc-badge__id {
  display: inline;
  font-size: 14px;
  margin-top: 0;
}
.bdc-tjc-badge--line .bdc-tjc-badge__body { display: block; }

@media (max-width: 599px) {
  .bdc-tjc-badge { padding: 12px 14px; gap: 12px; }
  .bdc-tjc-badge__mark { width: 32px; height: 32px; }
  .bdc-tjc-badge__title { font-size: 14px; }
  .bdc-tjc-badge__id    { font-size: 13px; }
}