/* v0.92.2 · targeted rollback and UI corrections */

/* Keep the v0.91.8 multiplayer-blackjack layout. Only split cards are compacted. */
body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] {
  gap: 3px !important;
  padding-inline: 3px !important;
}
body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] .multi-hand {
  padding-inline: 2px !important;
  overflow: visible !important;
}
body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] .multi-hand-cards {
  padding-inline: 1px !important;
  overflow: visible !important;
}
body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] .multi-hand-cards .playing-card {
  width: 43px !important;
  min-width: 43px !important;
  flex: 0 0 43px !important;
  height: 62px !important;
  margin-left: -25px !important;
}
body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] .multi-hand-cards .playing-card:first-child {
  margin-left: 0 !important;
}

/* Dealer cards remain a few pixels lower without changing the old dealer layout. */
body.multiplayer-live #multiDealerCards {
  position: relative !important;
  top: 5px !important;
}

/* Social-list profile pictures use the same field geometry and blue surface as the menu profile picture. */
#friendsList .social-avatar:not(.empty-seat-avatar),
.social-list .social-avatar:not(.empty-seat-avatar) {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 2px solid var(--wf-ink) !important;
  border-radius: 12px !important;
  background: var(--wf-sky) !important;
  color: var(--wf-ink) !important;
  font-size: 25px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Redeem-code results must remain visibly displayed for both success and failure. */
#redeemCodeMessage.social-message {
  display: block !important;
  visibility: visible !important;
  min-height: 24px !important;
  margin: 4px 0 0 !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}
#redeemCodeMessage.success { color: #16723b !important; }
#redeemCodeMessage.error { color: #b2182b !important; }

@media (max-width: 800px) {
  body.multiplayer-live #multiSeats .multi-hands[data-hand-count="2"] .multi-hand-cards .playing-card {
    width: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
    height: 49px !important;
    margin-left: -21px !important;
  }
}