/* Player Container - Flexbox Layout */
.player-container {
  position: relative;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 1;
  max-width: fit-content;
}

/* Zone Stacking Order */
.player-card {
  order: 1;
  z-index: 200;
  background: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: var(--poker-player-card-padding, 12px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-width: fit-content;
  backdrop-filter: blur(4px);
}

.player-chip-stack {
  order: 2;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  overflow: visible;
}

.chip-stack-visual {
  display: flex;
  transform: scale(var(--poker-chip-stack-scale, 0.7));
  transform-origin: center;
}

.chip-stack-value {
  font-size: 10px;
  font-weight: 600;
  color: #fbbf24;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}

/* Player Card Internal Layout */
.player-card__visual {
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
}

.player-card__visual--large {
  /* Larger spacing and sizing for current player's cards */
  margin-bottom: 8px;
}

.player-card__cards {
  display: flex;
  gap: 4px;
}

.player-card__visual--large .player-card__cards {
  gap: 8px; /* More spacing for large cards */
}

.player-card__avatar {
  width: var(--poker-avatar-size, 48px);
  height: var(--poker-avatar-size, 48px);
  border-radius: 50%;
}

.player-card__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  color: #d1d5db;
}

.player-card__name {
  font-size: 13px;
  font-weight: 500;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid transparent;
}

.player-card__name--active {
  background: rgba(59, 130, 246, 0.5);
  border-color: #3b82f6;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
}

.player-card__holdings {
  font-size: 12px;
  font-weight: 600;
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
}

.player-card__bet {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 11px;
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
  padding: 3px 8px;
  border-radius: 4px;
}

.player-card__bet-label {
  font-weight: 500;
}

.player-card__bet-amount {
  font-weight: 700;
}

.player-card__bet--hidden {
  visibility: hidden;
}

.player-card__position {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 10px;
  font-weight: 700;
  color: white;
  background: rgba(59, 130, 246, 0.8);
  padding: 2px 6px;
  border-radius: 3px;
}

/* Seat-Specific Layouts (6-seat layout) */

/* Bottom seats (1, 2, 5): Column layout, bet above, chips below */
.player-container--seat-1,
.player-container--seat-2,
.player-container--seat-5 {
  flex-direction: column;
}

/* Top seat (4): Column-reverse layout, chips above, bet below */
.player-container--seat-4 {
  flex-direction: column-reverse;
}

/* Left seat (3): Row layout, chips left of card */
.player-container--seat-3 {
  flex-direction: row;
  max-width: 250px;
}

.player-container--seat-3 .player-chip-stack {
  order: 1; /* Chips to the left of card */
}

.player-container--seat-3 .player-card {
  order: 2; /* Card on the right */
}

/* Turn Indicator - Outer Glow */
.player-container:has(.player-card__name--active) {
  filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.5));
}

/* Responsive font sizing for player card */
.player-card__info {
  font-size: var(--poker-font-sm, 11px);
}

.player-card__name {
  font-size: var(--poker-font-base, 13px);
}

.player-card__holdings {
  font-size: var(--poker-font-sm, 12px);
}

.player-card__bet {
  font-size: var(--poker-font-xs, 11px);
}

.player-card__position {
  font-size: var(--poker-font-xs, 10px);
}

.chip-stack-value {
  font-size: var(--poker-font-xs, 10px);
}