/* Shared course format labels in landing carousels and search cards. */
.meshkat-course-type-badges {
  position: absolute;
  z-index: 3;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  max-width: calc(100% - 20px);
  text-align: start;
}

.meshkat-course-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(24, 46, 73, 0.09);
}

.meshkat-course-type-in-person {
  color: #875418;
  background: #fff1d9;
  border-color: #edd8b3;
}

.meshkat-course-type-online {
  color: #205c92;
  background: #e7f2ff;
  border-color: #bfd8ef;
}

.meshkat-course-type-offline {
  color: #63459b;
  background: #f0eaff;
  border-color: #d7c9ee;
}

.meshkat-course-type-unknown {
  color: #526477;
  background: #edf1f5;
  border-color: #d6dfe8;
}