/* Left pane league nav — BetPro360 */
.left-pane{
  --lp-navy:#003333;
  --lp-green:#004c28;
  --lp-green-2:#16a34a;
  --lp-red:#bb2000;
  --lp-ink:#0f172a;
  --lp-muted:#64748b;
  --lp-line:#e2e8f0;
  --lp-soft:#f1f5f9;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.left-pane.home-left-column,
.left-pane.readjust-3{
  padding:0 !important;
}

.lp-section{
  background:#fff;
  border:1px solid var(--lp-line);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,0.06);
  animation:lp-rise 0.45s ease both;
}

.lp-section:nth-child(2){animation-delay:0.06s;}

@keyframes lp-rise{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

@media (prefers-reduced-motion:reduce){
  .lp-section{animation:none;}
  .lp-link{transition:none;}
}

.left-pane .league-title,
.left-pane .league-title-1,
.lp-section-head{
  margin:0 !important;
  padding:14px 16px !important;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#001a1a 0%,#003333 45%,#004c28 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:0.04em;
  text-transform:uppercase;
  line-height:1.2;
  cursor:pointer;
  user-select:none;
  border:none;
  border-bottom:2px solid rgba(187,32,0,0.85);
  text-shadow:0 1px 2px rgba(0,0,0,0.35);
}

.left-pane .league-title > span,
.lp-section-head > span{
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
  flex:1 1 auto;
  min-width:0;
}

.left-pane .league-title i,
.lp-section-head i{
  color:#fef08a !important;
  font-size:15px;
  flex:0 0 auto;
}

.lp-section-head .lp-chevron{
  margin-left:auto;
  color:#fff !important;
  opacity:0.9;
  font-size:13px;
  transition:transform 0.2s ease;
}

.left-pane .league-title.current .lp-chevron,
.lp-section-head.current .lp-chevron{
  transform:rotate(180deg);
}

.left-pane .league-tabs,
.lp-list{
  display:flex;
  flex-direction:column;
  gap:0;
  max-height:min(58vh,520px);
  overflow:auto;
  background:#fff;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}

.left-pane .league-tabs a,
.lp-link{
  display:flex !important;
  align-items:center;
  gap:10px;
  clear:none !important;
  padding:9px 12px !important;
  margin:0;
  font-size:12px !important;
  font-weight:600;
  line-height:1.25;
  color:var(--lp-ink) !important;
  background:transparent !important;
  text-decoration:none !important;
  border-bottom:1px solid #f1f5f9;
  transition:background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.left-pane .league-tabs a:last-child,
.lp-link:last-child{
  border-bottom:none;
}

.left-pane .league-tabs a img,
.lp-ico img{
  width:18px !important;
  height:18px !important;
  float:none !important;
  margin:0 !important;
  object-fit:contain;
  border-radius:4px;
  flex:0 0 auto;
}

.lp-ico{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:var(--lp-soft);
  border-radius:6px;
}

.lp-name{
  flex:1 1 auto;
  min-width:0;
}

.left-pane .league-tabs a:hover,
.lp-link:hover{
  background:#f0fdf4 !important;
  color:var(--lp-green) !important;
  padding-left:16px !important;
}

.left-pane .league-tabs a.current2,
.lp-link.current2{
  background:linear-gradient(90deg,rgba(0,76,40,0.12),rgba(0,76,40,0.02)) !important;
  color:var(--lp-green) !important;
  font-weight:800;
  box-shadow:inset 3px 0 0 var(--lp-green);
}

.left-pane .league-tabs i{
  color:var(--lp-muted) !important;
  float:none !important;
}

@media (min-width:993px){
  .home-left-column.left-pane,
  .left-pane.home-left-column{
    position:sticky;
    top:12px;
    align-self:flex-start;
    z-index:2;
  }
}

@media (max-width:992px){
  .left-pane .mobile-hidden{
    display:none !important;
  }
}