/* Player v3.10.120 — true-bottom footer and compact wallet actions. */

/* The footer belongs to the existing .content scroll owner. The active view
   occupies at least one full content viewport, so the footer is only reached
   after the player scrolls to the actual end of the page. */
.portal:not(.game-active) .content > .view.active {
  min-height: calc(100vh - var(--header-height, 68px) + 1px);
}

.portal:not(.game-active) .content > .player-site-footer {
  position: relative !important;
  inset: auto !important;
  display: block;
  width: 100%;
  max-width: 1440px;
  margin: 22px auto 0 !important;
  padding: 16px 18px 12px !important;
  background: rgba(7, 7, 8, .97) !important;
  border: 1px solid rgba(231, 195, 91, .17) !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 -8px 22px rgba(0, 0, 0, .2) !important;
}

.player-footer-main {
  grid-template-columns: minmax(205px, 1.1fr) minmax(210px, 1fr) minmax(240px, 1.1fr) minmax(260px, 1.35fr) !important;
  gap: 18px 24px !important;
}

.player-footer-brand {
  gap: 10px !important;
}

.player-footer-brand img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
}

.player-footer-brand strong,
.player-footer-group > strong,
.player-footer-trust > strong {
  font-size: .86rem !important;
}

.player-footer-brand span,
.player-footer-trust p {
  font-size: .75rem !important;
  line-height: 1.45 !important;
}

.player-footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 2px 14px !important;
}

.player-site-footer .player-footer-link.nav-button {
  width: auto !important;
  min-height: 32px !important;
  padding: 4px 0 !important;
  font-size: .77rem !important;
}

.player-footer-bottom {
  margin-top: 12px !important;
  padding-top: 10px !important;
  font-size: .68rem !important;
}

/* Compact desktop wallet: readable balance, but no oversized card. */
@media (min-width: 1081px) {
  .topbar-wallet-cluster {
    flex-wrap: nowrap !important;
    gap: 7px !important;
  }

  .topbar-wallet-card,
  .game-wallet-balance-card.topbar-wallet-card {
    width: auto !important;
    min-width: 166px !important;
    max-width: 184px !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 6px 7px 6px 9px !important;
    gap: 7px !important;
    border-radius: 12px !important;
  }

  .topbar-wallet-card .game-wallet-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .topbar-wallet-card .game-wallet-copy span {
    font-size: 8px !important;
    letter-spacing: .08em !important;
  }

  #gamesWalletAmount {
    max-width: 88px;
    overflow: hidden;
    color: #fff0b7 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .topbar .wallet-refresh-button {
    flex: 0 0 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 8px !important;
  }

  .topbar-wallet-actions {
    gap: 7px !important;
    flex-wrap: nowrap !important;
  }

  .topbar-wallet-actions .wallet-quick-action {
    width: auto !important;
    min-width: 100px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 13px !important;
    gap: 7px !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 11px !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .22) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  #gamesDepositButton {
    color: #fff !important;
    background: linear-gradient(145deg, #ffad16 0%, #ff6a3d 52%, #ee4358 100%) !important;
    border-color: rgba(255, 190, 85, .65) !important;
  }

  #gamesWithdrawButton {
    color: #fff !important;
    background: linear-gradient(145deg, #18b8f3 0%, #1387ee 50%, #0862df 100%) !important;
    border-color: rgba(88, 193, 255, .62) !important;
  }

  .topbar-wallet-actions .wallet-quick-action-icon {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
  }

  #gamesApplyCreditsButton,
  #logoutButton {
    min-height: 40px !important;
    padding: 7px 11px !important;
    font-size: 11px !important;
  }
}

/* Keep the already-restored mobile header wallet small. */
@media (max-width: 1080px) {
  .portal:not(.game-active) #gamesWalletAmount {
    max-width: 68px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .portal.game-active #gamesWalletAmount {
    max-width: 54px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

/* Mobile Home reference style: compact orange-red Deposit and blue Withdraw. */
@media (max-width: 860px) {
  .portal:not(.game-active) .content > .view.active {
    min-height: calc(100dvh - var(--header-height, 68px) + 1px);
  }

  .portal:not(.game-active) #mobileLobbyDepositButton,
  .portal:not(.game-active) #mobileLobbyWithdrawButton {
    min-height: 44px !important;
    padding: 7px 10px !important;
    gap: 7px !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 11px !important;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .18) !important;
    font-size: 11px !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton {
    background: linear-gradient(145deg, #ffad16 0%, #ff6a3d 52%, #ee4358 100%) !important;
  }

  .portal:not(.game-active) #mobileLobbyWithdrawButton {
    background: linear-gradient(145deg, #18b8f3 0%, #1387ee 50%, #0862df 100%) !important;
  }

  .portal:not(.game-active) #mobileLobbyDepositButton .mobile-lobby-shortcut-icon,
  .portal:not(.game-active) #mobileLobbyWithdrawButton .mobile-lobby-shortcut-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    background: rgba(255, 255, 255, .12) !important;
  }

  .portal:not(.game-active) .content > .player-site-footer {
    margin-top: 16px !important;
    padding: 15px 14px calc(82px + env(safe-area-inset-bottom)) !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .player-footer-main {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 14px !important;
  }

  .player-footer-brand,
  .player-footer-trust {
    grid-column: 1 / -1 !important;
  }

  .player-footer-brand img {
    width: 38px !important;
    height: 38px !important;
  }

  .player-site-footer .player-footer-link.nav-button {
    min-height: 38px !important;
    font-size: .75rem !important;
  }
}

@media (max-width: 390px) {
  .player-footer-main {
    grid-template-columns: 1fr !important;
  }

  .player-footer-brand,
  .player-footer-trust {
    grid-column: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #gamesDepositButton,
  #gamesWithdrawButton,
  #mobileLobbyDepositButton,
  #mobileLobbyWithdrawButton {
    transition: none !important;
  }
}