/* Sportsbook content integration only. The shared App.vue header and navigation are untouched. */
.app-frame.is-sports-view > .preview-stage > .topbar {
  background: rgb(26, 46, 57) !important;
  border-block-end: 1px solid rgba(115, 153, 174, .08) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .024),
    0 8px 16px rgba(5, 15, 21, .16),
    0 18px 34px rgba(5, 14, 20, .18) !important;
}

.app-frame.is-sports-view .wb-sports {
  padding-top: 14px !important;
  background: var(--wb-bg) !important;
}

.app-frame.is-sports-view .wb-sports__ambient,
.app-frame.is-sports-view .wb-command__actions {
  display: none !important;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-sports {
  display: flex;
  flex-direction: column;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-command {
  display: none !important;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-page-tabs--home {
  order: 1;
  margin-bottom: 10px !important;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-search--home {
  order: 2;
  margin-bottom: 12px !important;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-promo-rail {
  order: 3;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-board-head {
  order: 4;
}

.winbet-sports-home-route .app-frame.is-sports-view .wb-event-board,
.winbet-sports-home-route .app-frame.is-sports-view .wb-empty {
  order: 5;
}

.app-frame.is-sports-view .wb-promo-card,
.app-frame.is-sports-view .wb-league,
.app-frame.is-sports-view .wb-tracker,
.app-frame.is-sports-view .wb-menu__panel,
.app-frame.is-sports-view .wb-betslip__toggle,
.app-frame.is-sports-view .wb-betslip > section {
  box-shadow: none !important;
}

.app-frame.is-sports-view .wb-promo-card {
  background: var(--wb-surface) !important;
}

.app-frame.is-sports-view .wb-betslip.open > section {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 721px) and (max-width: 1050px) {
  .app-frame.is-sports-view .wb-promo-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .app-frame.is-sports-view .wb-promo-card {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    min-width: 0;
    min-height: 190px;
    padding: 14px;
  }

  .app-frame.is-sports-view .wb-promo-card > div {
    min-width: 0;
  }

  .app-frame.is-sports-view .wb-promo-card > svg {
    width: 52px !important;
    height: 52px !important;
    padding: 13px !important;
  }
}

@media (max-width: 720px) {
  .app-frame.is-sports-view .wb-sports {
    padding-top: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-frame.is-sports-view .wb-sports *,
  .app-frame.is-sports-view .wb-sports *::before,
  .app-frame.is-sports-view .wb-sports *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}