/* winjet247 — login bg only; logo uses same style.css as allpanal */
body:has(.login-wrapper),
body:has(.main-login),
body.login,
.login-page {
  background: radial-gradient(ellipse at center, #296F91 0%, #0d2430 52%, #000000 100%) !important;
  min-height: 100vh;
}

.login-wrapper img[src*="logo"],
.main-login img[src*="logo"],
.logo-login img,
img.logo-login {
  max-height: 72px;
  height: auto;
  width: auto;
  object-fit: contain;
}

/* WINJET_DESKTOP_WIDTH_FIX */
@media (min-width:992px){html,body,#root,.wrapper,.main-container{width:100%!important;max-width:none!important;}}

/* Desktop icebook logo (style.css 65x250). Mobile must stay 35x120 or header wraps. */
html:not([data-wl-tenant]) .header-top .logo-header img {
  max-height: 65px !important;
  max-width: 250px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
@media only screen and (max-width: 1199px) {
  html:not([data-wl-tenant]) .header-top .logo-header {
    flex: 0 0 auto !important;
    max-width: 120px !important;
  }
  html:not([data-wl-tenant]) .header-top .logo-header img,
  html:not([data-wl-tenant]) .logo-header img {
    max-height: 35px !important;
    max-width: 120px !important;
    width: auto !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 374px) {
  html:not([data-wl-tenant]) .header-top .logo-header {
    max-width: 90px !important;
  }
  html:not([data-wl-tenant]) .header-top .logo-header img,
  html:not([data-wl-tenant]) .logo-header img {
    max-width: 90px !important;
  }
}
.header-top .logo-header > a[href="/home"]:not(.d-xl-none)::after,
.header-top .logo-header a::after {
  content: none !important;
  display: none !important;
}

/* Login/register: hide Google reCAPTCHA legal footer */
.recaptchaTerms,
.grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Slot list — even 7-col square tiles, provider column flush */
.slot-page.list-page .container-fluid-5 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.slot-page.list-page .row.row5 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
@media (min-width: 1200px) {
  .slot-page.list-page .col-xl-2,
  .slot-page.list-page .col-xl-2.d-xl-flex {
    flex: 0 0 168px !important;
    max-width: 168px !important;
    width: 168px !important;
    padding: 0 4px 0 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .slot-page.list-page .col-xl-10 {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
  }
}
.slot-page .col-xl-2 .nav.casino-tab {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.slot-page .casino-list {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
}
.slot-page .casino-list-item,
.slot-page .casino-list-item.rect {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.slot-page .casino-list-item .casino-list-item-banner,
.slot-page .casino-list-item.rect .casino-list-item-banner {
  padding-top: 100% !important;
  height: 0 !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
@media only screen and (max-width: 1199px) {
  .slot-page .casino-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media only screen and (max-width: 767px) {
  .slot-page .casino-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Live Match TV icon — FA .fa-tv:before (\f26c) was painting through dfont */
.icon-tv:before,
.fas.fa-tv.icon-tv:before,
.fa-tv.icon-tv:before {
  font-family: "dfont" !important;
  content: "\e901" !important;
  font-weight: normal !important;
  font-style: normal !important;
}
.right-sidebar .sidebar-title h4 {
  display: flex !important;
  align-items: center !important;
  gap: 6px;
}
.right-sidebar .sidebar-title h4:before {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 14px !important;
  flex: 0 0 18px;
  background-color: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2H7v1h10v-1h-1v-2h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2H7v1h10v-1h-1v-2h5c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.right-sidebar .sidebar-title img,
.right-sidebar .sidebar-title iframe,
.right-sidebar .sidebar-title canvas,
.right-sidebar .sidebar-title video {
  display: none !important;
}