/**
 * Lionsports header chrome helpers, route page visibility, sidebar arrows.
 * Structural layout lives in lionsports-home-layout.css.
 */

/* Hide Admin Panel from public user frontend */
app-header-nav .admin-nav-item,
app-header-nav .admin-link,
app-header-nav .tab-menu.pull-right,
.menu-wrap .admin-nav-item,
.menu-wrap .admin-link,
.menu-wrap .tab-menu.pull-right {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media screen and (min-width: 992px) {
  /* Sidebar sport expand arrows — FA4 fallback when FA5 missing */
  app-side-bar .nav-dropdown-toggle {
    padding-right: 28px !important;
  }

  app-side-bar .nav-dropdown-toggle:before {
    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f054" !important;
    position: absolute !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    right: 6.5px !important;
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 3 !important;
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    border-radius: 4px !important;
    padding: 1px 4px !important;
    line-height: 13px !important;
    height: 17px !important;
    width: 17px !important;
    box-sizing: border-box !important;
  }

  app-side-bar .nav-item.open > .nav-dropdown-toggle:before,
  app-side-bar .nav-dropdown.open > .nav-dropdown-toggle:before {
    content: "\f078" !important;
  }

  app-side-bar .top-head-sport {
    position: relative;
    z-index: 2;
  }

  app-side-bar .path-back {
    z-index: 4 !important;
    visibility: visible !important;
  }
}

/* Sport list route pages — hide Angular placeholder chrome */
body.lion-route-sports app-markets .market-banner,
body.lion-route-sports app-markets .sports-container,
body.lion-route-sports app-markets .lottery-container,
body.lion-route-inplay app-inplay > *:not(.lion-sports-mount),
body.lion-route-sports app-horse-racing > *:not(.lion-sports-mount) {
  display: none !important;
}

body.lion-route-sports .lion-sports-mount,
body.lion-route-inplay .lion-sports-mount,
app-markets + .lion-sports-mount,
app-horse-racing + .lion-sports-mount {
  display: block !important;
  visibility: visible !important;
  min-height: 120px;
  position: relative;
  z-index: 2;
}

body.lion-route-sports app-markets,
body.lion-route-sports app-horse-racing {
  min-height: 0 !important;
}

body.lion-route-sports .lion-sports-mount .dashboard-custom-table,
body.lion-route-inplay .lion-sports-mount .dashboard-custom-table {
  margin-bottom: 16px !important;
}

/* Mobile: route pages show sports table, not casino hero */
@media only screen and (max-width: 991px) {
  body.lion-route-home .content,
  body.lion-route-sports .content,
  body.lion-route-inplay .content {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  body.lion-route-sports app-markets .market-banner,
  body.lion-route-sports app-markets .sports-container,
  body.lion-route-sports app-markets .lottery-container,
  body.lion-route-inplay app-old-casino,
  body.lion-route-sports app-old-casino,
  body.lion-route-inplay app-dashboard .slider-banner-wrap {
    display: none !important;
  }

  body.lion-route-sports .lion-sports-mount,
  body.lion-route-inplay .lion-sports-mount {
    display: block !important;
    margin-top: 8px;
    margin-bottom: 80px;
  }

  body.lion-route-sports .content > .lion-sports-mount[data-lion-route-mount],
  body.lion-route-inplay .content > .lion-sports-mount[data-lion-route-mount] {
    padding: 0 4px;
  }

  body.lion-route-home app-dashboard .table-responsive,
  body.lion-route-home app-dashboard .dashboard-custom-table:not(.lion-market-table) {
    display: block !important;
    visibility: visible !important;
  }

  body.lion-route-home app-dashboard .lion-sports-event-row[data-lion-event-id] {
    display: flex !important;
    visibility: visible !important;
  }
}