/* v0.91.8 · requested multiplayer, notification and poker stability fixes */

/* Inbox counters: keep the number optically and mathematically centered. */
.account-inbox-badge,
.settings-inbox-badge {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 2px solid #071116 !important;
  border-radius: 50% !important;
  background: #ffcf54 !important;
  color: #071116 !important;
  font-size: .67rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.account-inbox-badge.hidden,
.settings-inbox-badge.hidden { display: none !important; }

#accountSettingsButton {
  position: relative !important;
}
#accountSettingsButton .settings-inbox-badge {
  position: absolute !important;
  z-index: 4 !important;
  top: -9px !important;
  right: -9px !important;
  pointer-events: none !important;
}

/* The multiplayer stand-up action is deliberately destructive/red. */
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge,
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge:hover,
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge:focus-visible,
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge:active {
  background: #d83d55 !important;
  color: #fff !important;
  border-color: #071116 !important;
  box-shadow: 4px 4px 0 #071116 !important;
  transform: none !important;
  filter: none !important;
}
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge:hover,
body.multiplayer-live #multiplayerApp #multiStandButton.blackjack-stand-badge:focus-visible {
  background: #ef5369 !important;
}

/* Dealer blackjack is an explicit red result, not a neutral label. */
#gameApp .player-hand.dealer-blackjack .hand-result {
  color: #e22f4d !important;
  font-weight: 1000 !important;
}

/* Clicking the non-button part of a friend row opens that profile. */
#friendsList .social-row[data-profile-player] {
  cursor: pointer !important;
}
#friendsList .social-row[data-profile-player]:focus-visible {
  outline: 3px solid var(--wf-sky, #73d7ff) !important;
  outline-offset: 2px !important;
}

/* The active poker player is highlighted without changing card dimensions. */
#pokerApp .poker-seat:not(.poker-empty-seat),
#pokerApp .poker-seat:not(.poker-empty-seat).is-active,
#pokerApp .poker-seat:not(.poker-empty-seat).is-active:hover,
#pokerApp .poker-seat:not(.poker-empty-seat).is-turn,
#pokerApp .poker-seat:not(.poker-empty-seat).is-turn:hover {
  transform: translate(-50%, -50%) !important;
  scale: 1 !important;
}
#pokerApp .poker-seat:not(.poker-empty-seat) .poker-seat-panel,
#pokerApp .poker-seat:not(.poker-empty-seat).is-active .poker-seat-panel,
#pokerApp .poker-seat:not(.poker-empty-seat).is-turn .poker-seat-panel {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  transform: translateX(-50%) !important;
  scale: 1 !important;
}

@media (max-width: 800px) {
  #pokerApp .poker-seat:not(.poker-empty-seat),
  #pokerApp .poker-seat:not(.poker-empty-seat).is-active,
  #pokerApp .poker-seat:not(.poker-empty-seat).is-active:hover,
  #pokerApp .poker-seat:not(.poker-empty-seat).is-turn,
  #pokerApp .poker-seat:not(.poker-empty-seat).is-turn:hover {
    transform: translate(-50%, calc(-50% - 24px)) !important;
  }
}