/**
 * MemberKit's site pages (v0.9.0): "Bliv medlem" and "Min side". Built on the template's Bootstrap classes (Cassiopeia,
 * T4), so the template's colours and fonts apply; only the layout is set here.
 * @copyright (C) 2026 Thrane.nu
 * @license   GNU General Public License version 2 or later; see LICENSE.txt
 */
.memberkit-join__plans,
.memberkit-mypage__memberships {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.memberkit-plan .card-body,
.memberkit-membership .card-body {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.memberkit-plan__price {
  margin: 0;
  font-size: 1.25rem;
}

.memberkit-plan__duration {
  display: block;
  font-size: .9rem;
  opacity: .8;
}

.memberkit-plan__description > :last-child {
  margin-bottom: 0;
}

.memberkit-plan .btn,
.memberkit-plan__form {
  align-self: flex-start;
  margin-top: auto;
}

.memberkit-plan__note {
  margin: 0;
}

.memberkit-badge {
  display: inline-block;
  margin-left: .4rem;
  padding: .15em .55em;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  vertical-align: middle;
  background: #e4e6ea;
  color: #16181d;
}

.memberkit-badge--ok {
  background: #15803d;
  color: #fff;
}

.memberkit-badge--warn {
  background: #facc15;
  color: #16181d;
}

.memberkit-badge--off {
  background: #b91c1c;
  color: #fff;
}

.memberkit .memberkit-facts {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: .25rem 1rem;
  margin: 0;
}

.memberkit .memberkit-facts dt {
  font-weight: 600;
}

.memberkit .memberkit-facts dd {
  margin: 0;
}

.memberkit-mypage__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.memberkit-mypage__note {
  margin: 0;
}