/* Home page: leagues sidebar replaces the narrow category pill column */
.home-page--leagues-sidebar {
  --left-side: 260px;
}

.leagues-sidebar {
  padding: 12px 10px;
  gap: 12px;
}

.leagues-sidebar .top-leagues-box {
  flex-shrink: 0;
  margin-bottom: 0;
}

.leagues-sidebar .all-categories-box {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}

/* Top Leagues sidebar box */
.top-leagues-box { background:#151a1e; border-radius:8px; margin-bottom:12px; overflow:hidden; }
.top-leagues-header { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; font-weight:600; cursor:pointer; }
.top-leagues-list { list-style:none; margin:0; padding:0 8px 8px; }
.top-leagues-list li a { display:flex; align-items:center; gap:10px; padding:8px 8px; border-radius:6px; color:#c7ccd1; text-decoration:none; }
.top-leagues-list li a img { width:20px; height:20px; object-fit:contain; }
.top-leagues-list li.active a,
.top-leagues-list li a:hover { background:#1e252b; color:#fff; }

/* All-categories box (with counts) */
.all-categories-box { background:#151a1e; border-radius:8px; max-height:320px; overflow-y:auto; }
.all-categories-list { list-style:none; margin:0; padding:8px; }
.all-categories-list li a { display:flex; align-items:center; gap:10px; padding:8px; border-radius:6px; color:#c7ccd1; text-decoration:none; }
.all-categories-list li a em { margin-left:auto; font-style:normal; color:#6b7278; font-size:.85em; }
.all-categories-list li.active a,
.all-categories-list li a:hover { background:#1e252b; color:#fff; }

/* Sport category pill tabs */
.category-tabs-wrapper { overflow-x:auto; }
.category-tabs { display:flex; gap:8px; padding:10px 0; white-space:nowrap; }
.category-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:20px; background:#1e252b; color:#c7ccd1; text-decoration:none; font-size:.9rem; }
.category-pill.active { background:transparent; color:#2ecc71; font-weight:600; }

/* Country chip row */
.country-filter-wrapper { overflow-x:auto; }
.country-filter { display:flex; gap:8px; padding:6px 0 14px; white-space:nowrap; }
.country-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; border:1px solid #2a3238; color:#c7ccd1; text-decoration:none; font-size:.85rem; }
.country-chip .fi { border-radius:50%; width:16px; height:16px; }
.country-chip.active { border-color:#2ecc71; color:#2ecc71; }