/* Left sidebar styles aligned to Favbet-like design */

/* Sticky container: keeps sidebar visible and scrollable */
.sidebar-left-sticky {
  position: sticky;
  top: 56px; /* height of header */
  max-height: calc(100vh - 56px);
  overflow: auto;
  padding-right: 2px;
}

/* Custom scrollbar */
.sidebar-left-sticky { scrollbar-width: thin; scrollbar-color: var(--color-border, #242b42) transparent; }
.sidebar-left-sticky::-webkit-scrollbar { width: 8px; }
.sidebar-left-sticky::-webkit-scrollbar-track { background: transparent; }
.sidebar-left-sticky::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.18); border: 1px solid var(--color-border, #242b42); border-radius: 8px; }

.sl-accordion { border-radius: .25rem; overflow: hidden; }
 

.sl-header { margin: 0; }
.sl-toggle {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  background: var(--bg_color_3, #151721);
  color: var(--txt_color_1, #fff);
  border: 0; outline: none;
  padding: .5rem .6rem;
  font-size: .8rem;
  line-height: 1.2;
}
.sl-sport > .sl-header .sl-toggle { background: var(--bg_color_6, #2c2e3a); font-weight: bold;
    text-transform: uppercase;}
  .header-sport {
    margin: 0.3rem auto;
    display: block;
  }
  .bg-sports {padding: 5px; background: var(--bg_color_6, #2c2e3a);}

 .sl-country .sl-left  { text-transform: uppercase; font-size: 0.7rem;}
.sl-toggle.collapsed { background: var(--bg_color_3, #151721); }
.sl-toggle:hover { filter: brightness(1.05); }

.sl-left { display: inline-flex; align-items: center; gap: .4rem; }
.sl-icon { width: 18px; height: 18px; object-fit: contain; }
.sl-right { display: inline-flex; align-items: center; gap: .5rem; }
.sl-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 .35rem;
  border-radius: .3rem; font-size: .75rem;
  background: var(--bg_color_2, #1d1f29); color: var(--txt_color_3, #e5e5e5);
}
.sl-chevron { opacity: .7; }
.sl-toggle[aria-expanded="true"] .sl-chevron { transform: rotate(180deg); }

.sl-body { background: var(--body_color_2, #262832); }

.sl-champs .sl-champ {
  padding: .45rem .6rem;
  border-top: 1px solid var(--color-border);
}
.sl-champ .sl-link { color: var(--txt_color_1, #fff); font-size: .92rem; }
.sl-champ .sl-link:hover { color: var(--brand-pink, #ff267e); }
.sl-champ .sl-checkbox {
  width: 16px; height: 16px; border-radius: .25rem;
  border: 1px solid var(--txt_color_2, #bebebe); margin-left: .5rem;
}

@media (max-width: 991.98px) {
  /* На мобильных левый сайдбар скрыт через mobile.css */
}