/* Shared, text-first suspension status for public team pages and the private
   workbench.  The card glyph reinforces the state but is never the only cue. */
.player-availability-badge {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid rgba(255, 128, 106, .58);
  border-radius: 999px;
  background: rgba(91, 20, 19, .92);
  color: #ffd8d0;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.player-availability-badge::before {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 8px;
  height: 12px;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 2px;
  background: #ec5a48;
  content: "";
}

.player-availability-badge.is-yellow-limit {
  border-color: rgba(255, 213, 79, .54);
  background: rgba(73, 55, 9, .9);
  color: #fff0b0;
}

.player-availability-badge.is-yellow-limit::before {
  background: #f4cc3e;
}

.pitch-public-avatar > .player-availability-badge,
.pitch-slot-avatar > .player-availability-badge,
.team-page .public-pitch .pitch-player-card > .player-availability-badge {
  position: absolute;
  z-index: 7;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.team-roster-row.is-suspended,
.team-squad-row.is-suspended {
  border-left: 3px solid #e9594b !important;
  background: linear-gradient(90deg, rgba(117, 27, 24, .2), rgba(255, 255, 255, .018)) !important;
}

.team-roster-row .player-availability-badge,
.team-squad-row .player-availability-badge {
  margin-top: 5px;
}

.team-workbench-page .team-squad-row.is-suspended {
  cursor: not-allowed;
}

.team-workbench-page .team-squad-row.is-suspended:hover,
.team-workbench-page .team-squad-row.is-suspended:focus-visible {
  border-color: rgba(233, 89, 75, .56);
  outline: 2px solid rgba(255, 184, 174, .78);
  outline-offset: -2px;
}

.team-workbench-page .pitch-player-editor.has-suspended-player .pitch-slot-avatar {
  filter: grayscale(.25) drop-shadow(0 0 9px rgba(233, 89, 75, .5));
}

.team-workbench-page option[data-suspended="true"] {
  color: #ffb5ad;
}

@media (max-width: 760px) {
  .player-availability-badge {
    min-height: 24px;
    font-size: 12px;
  }

  .pitch-public-avatar > .player-availability-badge,
  .pitch-slot-avatar > .player-availability-badge,
  .team-page .public-pitch .pitch-player-card > .player-availability-badge {
    top: -16px;
  }
}

@media (min-width: 2400px) {
  .player-availability-badge {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 14px;
  }

  .player-availability-badge::before {
    width: 10px;
    height: 15px;
  }
}