/* winhouse.bet logo override — hide xbet img, show our logo as background */
section.header .headerWrapper .logo img {
  display: none !important;
}
section.header .headerWrapper .logo {
  background: url('/images/logo/logo.svg') no-repeat center center !important;
  background-size: contain !important;
  min-width: 120px !important;
  min-height: 40px !important;
}
@media (max-width: 768px) {
  section.header .headerWrapper .logo {
    background-image: url('/images/logo/mobile-logo.svg') !important;
  }
}

/* footer logo — replace xbet with our logo */
.footer-logo img {
  content: url('/images/logo/logo.svg') !important;
  max-width: 150px !important;
}

/* === Casino page FULL WIDTH on body === */
body.casino-fullwidth,
body[data-page="/vegas"],
body[data-page="/deluxe"],
body[data-page="/stargames"],
body[data-page="/slots"],
body[data-page="/live-casino"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The slot/casino main wrapper */
.slotsMainWrapper,
.slotsContent,
.casinoContainer,
.contentInside.casinoView,
.contentInside.slotsView {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* The game grid */
.slotsMainWrapper #main,
.slotsMainWrapper .gamesContainer,
#main.gamesContainer {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* Game card */
.slotsMainWrapper #main .game,
.slotsMainWrapper #main .game.animation-element {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}


/* betslip stays collapsed when empty */
body.betSlipEmpty .betSlip.slideDown,
body.betSlipEmpty #mainBetslip.slideDown {
  height: 50px !important;
  overflow: hidden !important;
}
body.betSlipEmpty .betSlipBody,
body.betSlipEmpty #betslipBody {
  display: none !important;
}


/* === Odds hover + selection (winhouse) — single-game detail, prematch list, featured === */
html body .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule{cursor:pointer;transition:background-color .12s ease,color .12s ease}
html body .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule:hover:not(.betSlipAdded):not(.labelBtn):not(.disabledBtn){background-color:#2c4a68 !important}
html body .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.betSlipAdded{background-color:#ffd740 !important}
html body .singleMatchBetModule .singleMatchBetModuleGroup .singleMatchBetModuleGroupContent .singleColumnModule.betSlipAdded span{color:#15202b !important}
html body .gameTableContent .singleGameContent .singleHomeOdd:hover:not(.betSlipAdded):not(.disabledBtn),
html body .gameTableContent .singleGameContent .singleDrawOdd:hover:not(.betSlipAdded):not(.disabledBtn),
html body .gameTableContent .singleGameContent .singleAwayOdd:hover:not(.betSlipAdded):not(.disabledBtn),
html body .featuredMatchBtn .bettingBtn:hover:not(.betSlipAdded):not(.disabledBtn){background-color:#2c4a68 !important}
html body .gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded,
html body .gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded,
html body .gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded,
html body .featuredMatchBtn .bettingBtn.betSlipAdded{background-color:#ffd740 !important;color:#15202b !important}
html body .gameTableContent .singleGameContent .singleHomeOdd.betSlipAdded span,
html body .gameTableContent .singleGameContent .singleDrawOdd.betSlipAdded span,
html body .gameTableContent .singleGameContent .singleAwayOdd.betSlipAdded span,
html body .featuredMatchBtn .bettingBtn.betSlipAdded span{color:#15202b !important}


/* === Event-details live field ("map"): scroll with page on mobile, not fixed === */
@media only screen and (max-width: 768px) {
  html body .fieldStaticHolder,
  html body.headerScrolled .fieldStaticHolder,
  html body.livePage.headerScrolled .fieldStaticHolder {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: auto !important;
  }
  html body .m-t-240 {
    padding-top: 0 !important;
  }
}