/* v0.9.87 · profile, table alignment, shop and Roulette stability fixes */

/* Developer-only bot label inside the protected player profile. */
.developer-bot-profile-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin-left: 8px !important;
  padding: 3px 8px !important;
  border: 2px solid var(--wf-ink, #071116) !important;
  border-radius: 999px !important;
  color: var(--wf-ink, #071116) !important;
  background: var(--wf-lime, #c8ff3d) !important;
  box-shadow: 2px 2px 0 var(--wf-ink, #071116) !important;
  font-size: .62rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  vertical-align: middle !important;
}

/* Gifts and Luxury use more of their card surface. */
#shopOverlay [data-shop-pane="gifts"] .shop-item,
#shopOverlay [data-shop-pane="luxury"] .shop-item {
  min-height: 154px !important;
  padding: 14px 10px 12px !important;
  gap: 8px !important;
  align-content: center !important;
}
#shopOverlay [data-shop-pane="gifts"] .shop-item > span,
#shopOverlay [data-shop-pane="luxury"] .shop-item > span {
  display: grid !important;
  place-items: center !important;
  min-height: 62px !important;
  font-size: clamp(48px, 4.3vw, 64px) !important;
  line-height: 1 !important;
}
#shopOverlay [data-shop-pane="gifts"] .shop-item > small,
#shopOverlay [data-shop-pane="luxury"] .shop-item > small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-top: 2px !important;
  color: #c8ff3d !important;
  -webkit-text-fill-color: #c8ff3d !important;
  font-size: .9rem !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
}
#shopOverlay [data-shop-pane="gifts"] .shop-item > small .mini-chip,
#shopOverlay [data-shop-pane="luxury"] .shop-item > small .mini-chip {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
}

/* Multiplayer Blackjack: all three seats share one baseline. The felt and
   every name remain completely above the separate action/bet deck. */
body.multiplayer-live #multiplayerApp .multi-table-shell {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 22px !important;
  overflow: visible !important;
}
body.multiplayer-live #multiplayerApp .multi-table-rim {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.multiplayer-live #multiplayerApp .multi-felt {
  overflow: hidden !important;
}
body.multiplayer-live #multiSeats.multi-seats {
  align-items: end !important;
}
body.multiplayer-live #multiSeats > .multi-seat,
body.multiplayer-live #multiSeats > .multi-seat-vacant,
body.multiplayer-live #multiSeats > .seat-position-1,
body.multiplayer-live #multiSeats > .seat-position-2,
body.multiplayer-live #multiSeats > .seat-position-3 {
  --seat-y: 0px !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: end !important;
  translate: none !important;
  transform: none !important;
}
body.multiplayer-live #multiplayerApp .multi-controls {
  position: relative !important;
  z-index: 20 !important;
  margin-top: 0 !important;
}

@media (min-width: 801px) {
  body.multiplayer-live #multiplayerApp .multi-felt {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
  }
  body.multiplayer-live #multiSeats.multi-seats {
    top: auto !important;
    bottom: 72px !important;
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
  }
  body.multiplayer-live #multiSeats > .multi-seat,
  body.multiplayer-live #multiSeats > .multi-seat-vacant {
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
  }
  body.multiplayer-live #multiSeats .seat-buyin-stack {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 800px) {
  body.multiplayer-live #multiSeats > .multi-seat,
  body.multiplayer-live #multiSeats > .multi-seat-vacant,
  body.multiplayer-live #multiSeats > .seat-position-1,
  body.multiplayer-live #multiSeats > .seat-position-2,
  body.multiplayer-live #multiSeats > .seat-position-3 {
    align-self: start !important;
  }
}

/* Poker sidebar: JavaScript measures from its top to the lower edge of the
   action deck so the right surface ends exactly with the bet bar. */
@media (min-width: 1181px) {
  #pokerApp .poker-sidebar[data-v087-height-synced="true"] {
    height: var(--v087-poker-sidebar-height) !important;
    min-height: var(--v087-poker-sidebar-height) !important;
    max-height: var(--v087-poker-sidebar-height) !important;
    align-self: start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

/* Multiplayer room information belongs to the upper-left table corner. */
#rouletteApp .roulette-felt {
  position: relative !important;
}
#rouletteApp.roulette-multiplayer-active #rouletteMultiplayerBar {
  top: 14px !important;
  right: auto !important;
  bottom: auto !important;
  left: 14px !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  justify-content: flex-start !important;
  transform: none !important;
  transform-origin: top left !important;
}

/* With no own bet, Confirm Spin remains a truly static disabled control. */
#rouletteApp.roulette-multiplayer-active #rouletteSpinButton.roulette-no-own-bet,
#rouletteApp.roulette-multiplayer-active #rouletteSpinButton.roulette-no-own-bet:hover,
#rouletteApp.roulette-multiplayer-active #rouletteSpinButton.roulette-no-own-bet:focus,
#rouletteApp.roulette-multiplayer-active #rouletteSpinButton.roulette-no-own-bet:active {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  box-shadow: 3px 3px 0 var(--wf-ink, #071116) !important;
}

@media (max-width: 760px) {
  #rouletteApp.roulette-multiplayer-active #rouletteMultiplayerBar {
    top: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    gap: 7px !important;
    padding: 6px 8px !important;
  }
  #shopOverlay [data-shop-pane="gifts"] .shop-item,
  #shopOverlay [data-shop-pane="luxury"] .shop-item {
    min-height: 138px !important;
  }
  #shopOverlay [data-shop-pane="gifts"] .shop-item > span,
  #shopOverlay [data-shop-pane="luxury"] .shop-item > span {
    min-height: 52px !important;
    font-size: 50px !important;
  }
}