/* ==========================================================================
   24LIVE — Global Sidebar (shared across every frontend page)
   ========================================================================== */
.page-shell{display:flex;align-items:flex-start;padding-top:72px;min-height:100vh;}
.site-sidebar{width:264px;flex:0 0 264px;position:sticky;top:72px;height:calc(100vh - 72px);
  overflow-y:auto;background:rgba(8,16,28,.97);border-right:1px solid rgba(255,255,255,.06);
  padding:14px 0 40px;scrollbar-width:thin;}
.site-sidebar::-webkit-scrollbar{width:6px;}
.site-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:6px;}
.sidebar-inner{padding:0 10px;}
.sidebar-toggle{display:none;}
.sidebar-block{margin-bottom:18px;}
.sidebar-block.sidebar-sports{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:14px;margin-bottom:16px;}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;
  color:#c7d2e0;text-decoration:none;font-size:.88rem;font-weight:600;transition:.15s;}
.sidebar-link i,.sidebar-link .sport-icon{width:20px;text-align:center;font-size:1rem;flex:0 0 20px;}
.sidebar-link:hover{background:rgba(255,255,255,.05);color:#fff;}
.sidebar-link.active{background:rgba(26,115,232,.16);color:#fff;}
.sidebar-link .badge-live{margin-left:auto;background:#ff3b5c;color:#fff;font-size:.68rem;
  font-weight:800;padding:1px 7px;border-radius:999px;line-height:1.5;}
.sidebar-heading{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#7c8aa0;padding:0 10px;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.sidebar-tree{max-height:520px;overflow-y:auto;}
.sidebar-country{padding:0 10px;border-bottom:1px solid rgba(255,255,255,.04);}
.sidebar-country-name{font-size:.8rem;font-weight:800;color:#e8edf5;padding:8px 4px;cursor:pointer;
  list-style:none;display:flex;align-items:center;gap:6px;}
.sidebar-country-name::-webkit-details-marker{display:none;}
.sidebar-country-name::after{content:"\203A";margin-left:auto;color:#7c8aa0;transition:transform .15s;}
.sidebar-country[open] > .sidebar-country-name::after{transform:rotate(90deg);}
.sidebar-country ul{list-style:none;margin:0;padding:0 0 8px 6px;}
.sidebar-country li{margin:2px 0;}
.sidebar-country a{display:flex;align-items:center;gap:6px;color:#93a2b8;text-decoration:none;
  font-size:.81rem;padding:4px 6px;border-radius:6px;}
.sidebar-country a:hover{color:#fff;background:rgba(255,255,255,.04);}
.sidebar-country a.active{color:#fff;background:rgba(26,115,232,.18);font-weight:700;}
.dot-live{width:6px;height:6px;border-radius:50%;background:#ff3b5c;display:inline-block;
  box-shadow:0 0 0 2px rgba(255,59,92,.25);}
.page-content{flex:1 1 auto;min-width:0;padding:0 0 0 0;}
@media (max-width:991px){
  .page-shell{flex-direction:column;padding-top:64px;}
  .site-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1050;width:280px;
    transform:translateX(-100%);transition:transform .25s ease;padding-top:70px;}
  .site-sidebar.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.5);}
  .sidebar-toggle{display:flex;position:fixed;top:14px;left:14px;z-index:1060;width:40px;height:40px;
    align-items:center;justify-content:center;background:rgba(20,32,50,.9);border:1px solid rgba(255,255,255,.1);
    border-radius:8px;color:#fff;font-size:1.2rem;}
  .page-content{width:100%;}
}