/* Container */
.nfl-draft-container {
  border: 2px solid #ddd;
  border-radius: 10px;           /* NEW: rounded corners */
  overflow: hidden;              /* NEW: keep the top bar rounded */
  background: #fff;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
  padding: 10px;
  border-top: 6px solid var(--team-color, #002863); /* default if none provided */
}

/* Row */
.nfl-draft-pick {
  display: flex;
  flex-direction: row;
  align-items: center;        /* vertical align */
  justify-content: space-between;
  width: 100%;
  gap: 12px;
}

/* Pick badge */
.nfl-pick-number {
  font-size: 18px;
  font-weight: 700;
  background: #002863;
  color: #fff;
  padding: 8px 12px;
  border-radius: 5px;
  white-space: nowrap;
}

/* Player section */
.nfl-player {
  display: flex;
  align-items: center;        /* keep image + text centered */
  text-align: left;
  flex-grow: 1;
  padding-left: 10px;
  gap: 12px;
}
.nfl-player-image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 100%;
}
.nfl-player-info { text-align: left; }
.nfl-player-name { font-size: 28px; font-weight: 700; line-height: 1.2; }
.nfl-player-position { font-size: 16px; color: gray; line-height: 1.2; }

/* Team section */
.nfl-team {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nfl-team-logo img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.trade-icon {
  width: 50px;
  height: 50px;
}

/* Responsive */
@media (max-width: 680px) {
  .nfl-draft-pick {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .nfl-player { padding-left: 0; }
  .nfl-player-image img { width: 72px; height: 72px; }
  .nfl-player-name { font-size: 22px; }
  .nfl-pick-number { align-self: flex-start; }
  .nfl-team { align-self: flex-end; }
}