/*
 * Vitrines da home (logado e visitante) e provedores de "Todos os jogos":
 * ícones neon sem sombra, sem subtítulo, 10 capas por fileira e setas para passar os jogos.
 */

/* Ícones no mesmo desenho da chama de "Jogos em alta": figura sólida neon. */
body.prototype-live .prototype-section-title {
  gap: 10px !important;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph {
  position: relative;
  width: 28px !important;
  height: 30px !important;
  flex: 0 0 28px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #00ed91 !important;
  filter: none !important;
}
/* Ícones sem sombra nem brilho, inclusive a chama de "Jogos em alta". */
body.prototype-live .prototype-section-title .bb-shelf-glyph::after,
body.prototype-live .prototype-section-title .hot-flame-icon::after,
body.prototype-live .prototype-section-title .hot-flame-classic::after {
  display: none !important;
}
body.prototype-live .prototype-section-title .hot-flame-icon,
body.prototype-live .prototype-section-title .hot-flame-classic,
body.prototype-live .prototype-section-title .hot-flame-icon svg {
  filter: none !important;
  box-shadow: none !important;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph svg {
  width: 28px;
  height: 28px;
  display: block;
  overflow: visible;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph .bb-ic-body {
  fill: #00ed91;
  stroke: #82ffd0;
  stroke-width: .55;
  stroke-linejoin: round;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph .bb-ic-cut {
  fill: #082117;
  stroke: #66f6bc;
  stroke-width: .45;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph .bb-ic-line {
  fill: none;
  stroke: #082117;
  stroke-width: 1.5;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph .bb-ic-live {
  fill: #ff4d5e;
  stroke: #ffd0d5;
  stroke-width: .5;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph-fa i {
  color: #00ed91 !important;
  font-size: 21px !important;
  -webkit-text-stroke: .4px #82ffd0;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph-logo {
  width: 34px !important;
  flex-basis: 34px !important;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph-logo::after {
  display: none;
}
body.prototype-live .prototype-section-title .bb-shelf-glyph-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.prototype-live .prototype-section-title small,
body.prototype-live .bb-shelf-head .prototype-section-title small {
  display: none !important;
}
body.prototype-live .prototype-section-title h1,
body.prototype-live .prototype-section-title h2 {
  margin: 0 !important;
}

/* Cabeçalho: título à esquerda, "Ver todos" e setas à direita. */
body.prototype-live .bb-shelf-head {
  justify-content: flex-start !important;
  gap: 10px !important;
}
body.prototype-live .bb-shelf-head > a {
  margin-left: auto !important;
}
body.prototype-live .bb-shelf-arrows {
  display: inline-flex;
  gap: 6px;
  flex: 0 0 auto;
}
body.prototype-live .bb-shelf-arrow {
  width: 30px;
  height: 30px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0, 237, 145, .3);
  border-radius: 50%;
  background: #07150f;
  color: #00ed91;
  font-size: 11px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}
body.prototype-live .bb-shelf-arrow:hover:not(:disabled),
body.prototype-live .bb-shelf-arrow:focus-visible {
  border-color: #00ed91;
  background: rgba(0, 237, 145, .14);
  box-shadow: 0 0 12px rgba(0, 237, 145, .25);
  outline: none;
}
body.prototype-live .bb-shelf-arrow:disabled {
  opacity: .32;
  cursor: default;
}

/* Fileira deslizante: 10 capas no desktop, 7 no notebook, arrastar no celular. */
body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 11px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track::-webkit-scrollbar {
  display: none;
}
body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track > .prototype-game-card {
  flex: 0 0 calc((100% - 99px) / 10) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  scroll-snap-align: start;
}

/* Jogos em alta e Cassino ao vivo também ganham a 10ª capa. */
@media (min-width: 1121px) {
  body.prototype-live .betblunt-home-unified #prototype-games .prototype-games-grid,
  body.prototype-live .betblunt-home-unified #public-games .prototype-games-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1120px) {
  body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track > .prototype-game-card {
    flex-basis: calc((100% - 66px) / 7) !important;
  }
  body.prototype-live .betblunt-home-unified #prototype-games .prototype-games-grid,
  body.prototype-live .betblunt-home-unified #public-games .prototype-games-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.prototype-live .prototype-section-title {
    gap: 8px !important;
  }
  body.prototype-live .prototype-section-title .bb-shelf-glyph {
    width: 25px !important;
    height: 27px !important;
    flex-basis: 25px !important;
  }
  body.prototype-live .prototype-section-title .bb-shelf-glyph svg {
    width: 25px;
    height: 25px;
  }
  body.prototype-live .bb-shelf-head {
    gap: 8px !important;
  }
  body.prototype-live .bb-shelf-arrows {
    gap: 5px;
  }
  body.prototype-live .bb-shelf-arrow {
    width: 26px;
    height: 26px;
    font-size: 10px;
  }
  body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track {
    gap: 8px !important;
    padding: 0 0 5px !important;
    scroll-snap-type: x proximity;
  }
  body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track > .prototype-game-card {
    flex: 0 0 112px !important;
  }
}

@media (max-width: 430px) {
  body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track > .prototype-game-card {
    flex-basis: 108px !important;
  }
}

/* Provedores em "Todos os jogos": mesmas vitrines, logo do provedor no selo. */
body.prototype-live .bb-provider-shelves {
  width: min(1120px, calc(100% - 28px));
  margin: 4px auto 22px;
}
body.prototype-live .bb-provider-shelves-title {
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font: 900 15px/1.2 Inter, Arial, sans-serif;
  letter-spacing: -.02em;
}
body.prototype-live .bb-provider-shelves-title i {
  color: #00ed91;
}
body.prototype-live .bb-provider-shelves .prototype-game-section {
  margin-top: 12px !important;
}
body.prototype-live .bb-provider-shelves .prototype-section-title h2 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
body.prototype-live .bb-provider-shelves .prototype-section-head > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #00ed91;
  text-decoration: none;
  font-size: 10px;
  font-weight: 850;
}
body.prototype-live .bb-provider-all-title {
  width: min(1120px, calc(100% - 28px));
  margin: 0 auto 10px;
}
@media (max-width: 980px) {
  body.prototype-live .bb-provider-shelves,
  body.prototype-live .bb-provider-all-title {
    width: calc(100% - 20px);
  }
}
@media (max-width: 700px) {
  body.prototype-live .bb-provider-shelves,
  body.prototype-live .bb-provider-all-title {
    width: calc(100% - 16px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.prototype-live .prototype-game-section .prototype-games-grid.bb-shelf-track {
    scroll-behavior: auto;
  }
}

/* Página de uma vitrine (Ver todos): título com o ícone logo abaixo da busca. */
body.prototype-live .bb-vitrine-title {
  width: min(1120px, calc(100% - 28px));
  margin: 4px auto 14px !important;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
}
body.prototype-live .category-page .bb-vitrine-title.prototype-section-title h1,
body.prototype-live .public-category-view .bb-vitrine-title.prototype-section-title h1 {
  margin: 0 !important;
  color: #fff !important;
  font: 900 20px/1.15 Inter, Arial, sans-serif !important;
  letter-spacing: -.02em;
}
body.prototype-live .category-page .bb-vitrine-title.prototype-section-title small,
body.prototype-live .public-category-view .bb-vitrine-title.prototype-section-title small {
  display: block !important;
  margin-top: 2px;
  color: #8fa097 !important;
  font: 700 11px/1.2 Inter, Arial, sans-serif !important;
}
@media (max-width: 980px) {
  body.prototype-live .bb-vitrine-title {
    width: calc(100% - 20px);
  }
}
@media (max-width: 700px) {
  body.prototype-live .bb-vitrine-title {
    width: calc(100% - 16px);
  }
  body.prototype-live .category-page .bb-vitrine-title.prototype-section-title h1,
  body.prototype-live .public-category-view .bb-vitrine-title.prototype-section-title h1 {
    font-size: 17px !important;
  }
}