/* Neon Poker v0.93.8.17 — requested Blackjack control alignment and readable history cards. */

/* Multiplayer Blackjack: the control/chip deck always spans the same width as
   the table above it. All phase-specific content stays inside that fixed box. */
@media (min-width: 1181px) {
  body.multiplayer-live #multiplayerApp .multi-controls,
  body.multiplayer-live #multiplayerApp .multi-controls:has(#multiBetControls.singleplayer-chip-layout:not(.hidden)) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    margin: 12px 0 0 !important;
    padding: 14px !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.multiplayer-live #multiplayerApp .multi-controls > #multiLobbyControls:not(.hidden),
  body.multiplayer-live #multiplayerApp .multi-controls > #multiBetControls:not(.hidden),
  body.multiplayer-live #multiplayerApp .multi-controls > #multiActionControls:not(.hidden),
  body.multiplayer-live #multiplayerApp .multi-controls > #multiInsuranceControls:not(.hidden),
  body.multiplayer-live #multiplayerApp .multi-controls > #multiWaitingControls:not(.hidden),
  body.multiplayer-live #multiplayerApp .multi-controls > #multiResultControls:not(.hidden) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 162px !important;
    min-height: 162px !important;
    max-height: 162px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.multiplayer-live #multiplayerApp #multiBetControls.singleplayer-chip-layout:not(.hidden) {
    grid-template-columns: 220px 150px minmax(0, 1fr) 120px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/* Blackjack history uses real white playing-card faces with dark black suits
   and red hearts/diamonds, independent of the active visual theme. */
.blackjack-history-cards .blackjack-history-playing-card .card-face.card-front {
  background: linear-gradient(145deg, #ffffff 0%, #f2f2ee 100%) !important;
  color: #15171a !important;
  border: 1px solid rgba(15, 18, 22, .28) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .28) !important;
}
.blackjack-history-cards .blackjack-history-playing-card .card-face.card-front.red {
  color: #c4213a !important;
}
.blackjack-history-cards .blackjack-history-playing-card .card-face.card-front .rank,
.blackjack-history-cards .blackjack-history-playing-card .card-face.card-front .suit,
.blackjack-history-cards .blackjack-history-playing-card .card-face.card-front .card-center {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* During the initial deal, the fixed control deck stays visible but no action
   can be selected until every scheduled card animation has completed. */
body.multiplayer-live #multiplayerApp .multi-controls.blackjack-deal-locked {
  cursor: progress;
}
body.multiplayer-live #multiplayerApp .multi-controls.blackjack-deal-locked button[data-blackjack-action] {
  pointer-events: none !important;
}