/* 888 Dragon Lotto - settings-driven logo presentation fix */

/* LOGIN / LOADING SCREEN */
#loadingBrandMark.loading-brand-mark {
  width: 150px !important;
  height: 150px !important;
  min-width: 150px !important;
  min-height: 150px !important;
  max-width: 150px !important;
  max-height: 150px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

#loadingBrandLogo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 150px !important;
  max-height: 150px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.player-loader-brand {
  gap: 0 !important;
}

.player-loader-brand .login-loading-copy {
  margin-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* MAIN HEADER */
#headerBrandMark.header-brand-mark {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  flex: 0 0 68px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

#headerBrandLogo {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* WALLET ACTIONS - Deposit / Withdrawal / Credits */
#walletActionsBrandMark {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

#walletActionsBrandLogo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Hide text fallback once an actual settings logo is loaded */
#loadingBrandMark.has-image .brand-fallback,
#headerBrandMark.has-image .brand-fallback,
#walletActionsBrandMark.has-image .brand-fallback {
  display: none !important;
}