/* Neon Poker v0.93.8.11 — requested Blackjack rail, auth slider and Slots controls only. */

/*
 * Blackjack rails keep their original DOM, original dimensions and original
 * child layout. JavaScript measures the unchanged rail and fixes only its
 * viewport position. No player/chat content or sizing rules are replaced.
 */
@media (min-width: 1181px) {
  .v093811-blackjack-rail-placeholder {
    display: block !important;
    width: var(--v093811-placeholder-width) !important;
    min-width: var(--v093811-placeholder-width) !important;
    max-width: var(--v093811-placeholder-width) !important;
    height: var(--v093811-placeholder-height) !important;
    min-height: var(--v093811-placeholder-height) !important;
    max-height: var(--v093811-placeholder-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    box-sizing: border-box !important;
  }

  #gameApp > .side-panel.v093811-blackjack-fixed-rail,
  #multiplayerApp .multiplayer-grid > .multi-sidebar.v093811-blackjack-fixed-rail {
    position: fixed !important;
    z-index: 58 !important;
    top: var(--v093811-rail-top) !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--v093811-rail-left) !important;
    width: var(--v093811-rail-width) !important;
    min-width: var(--v093811-rail-width) !important;
    max-width: var(--v093811-rail-width) !important;
    height: var(--v093811-rail-height) !important;
    min-height: var(--v093811-rail-height) !important;
    max-height: var(--v093811-rail-height) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .v093811-fixed-containing-block {
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    perspective: none !important;
    filter: none !important;
    contain: none !important;
    will-change: auto !important;
  }
}

@media (max-width: 1180px) {
  .v093811-blackjack-rail-placeholder {
    display: none !important;
  }
}

/* Developer Center “Log in with”: labels remain plain slider labels on hover. */
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:hover,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:focus,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:focus-visible,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:active,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button.active,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button[aria-selected="true"] {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  animation: none !important;
  transition: none !important;
}

#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button::before,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button::after,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:hover::before,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:hover::after {
  content: none !important;
  display: none !important;
}

#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:not(.active):not([aria-selected="true"]),
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:not(.active):not([aria-selected="true"]):hover,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button:not(.active):not([aria-selected="true"]):focus-visible {
  color: var(--theme-muted, var(--muted)) !important;
}

#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button.active,
#adminLegacyLoginModeWrap .developer-auth-mode-tabs > button[aria-selected="true"] {
  color: #ffffff !important;
}

/* Slots now contains only the requested Auto Spin and Spin controls. */
@media (min-width: 1181px) {
  .slots-controls .slots-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#slotsAutoSpinButton[aria-pressed="true"] {
  border-color: var(--theme-accent, var(--mint)) !important;
}