/* Badge Buddy inline plugin — small enhancements layered on Bootstrap 4 + unify. */

/* Emergency code cards: 4-up on desktop (col-md-3), 2-up on mobile (col-6). */
.badge-buddy-plugin .bb-code-card {
  border: 1px solid #e2e8ee;
  border-radius: .5rem;
  transition: box-shadow .15s ease, transform .15s ease;
}
.badge-buddy-plugin .bb-code-card:hover {
  box-shadow: 0 4px 12px rgba(0, 38, 72, .12);
  transform: translateY(-2px);
}
.badge-buddy-plugin .bb-code-card .card-body {
  padding: .85rem .6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.badge-buddy-plugin .bb-code-badge {
  font-size: .8rem;
  padding: .35em .6em;
  white-space: normal;          /* let long labels (Stroke Alert) wrap */
  line-height: 1.2;
}
.badge-buddy-plugin .bb-code-meaning {
  margin-top: .5rem;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.25;
  color: #0f1f2e;
}

/* Quick-contact cards: Bootstrap's .text-muted (#6c757d) is too light to read
   here. Darken it within the quick cards only (the bb-card-* wrappers — does not
   affect the code cards or the reference panels). */
.badge-buddy-plugin [class*="bb-card-"] .text-muted {
  color: #4a5b6c !important;
}