/* VirusBet - Spor Sayfası (Soccer.php + index.php widget'ı) */

/* Bölüm başlığı */
.vb-sp-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 12px 8px; color: #fff;
}
.vb-sp-head h1, .vb-sp-head h2 {
  margin: 0; font-size: 15px; font-weight: 800; letter-spacing: .3px;
  color: #fff; display: flex; align-items: center; gap: 8px;
}
.vb-sp-head h1::before, .vb-sp-head h2::before {
  content: ''; width: 4px; height: 16px; background: #00e600; border-radius: 2px;
}
.vb-sp-head .vb-sp-count {
  font-size: 11px; color: rgba(255,255,255,.55); font-weight: 600;
}

/* Lig başlığı */
.vb-sp-lg {
  margin: 0 8px 10px; background: rgba(255,255,255,.05); border-radius: 10px;
  overflow: hidden; border: 1px solid rgba(255,255,255,.05);
}
.vb-sp-lg__t {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px; background: rgba(0,230,0,.08); color: #fff;
  font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.05);
}
.vb-sp-lg__t .vb-sp-lg__count {
  font-size: 11px; color: #00e600; font-weight: 700; opacity: .85;
}

/* Maç kartı */
.vb-sp-ev {
  display: grid; grid-template-columns: 1fr; gap: 6px;
  padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.04);
  color: #fff; text-decoration: none;
}
.vb-sp-ev:last-child { border-bottom: none; }
.vb-sp-ev__meta {
  display: flex; align-items: center; gap: 8px; font-size: 11px;
  color: rgba(255,255,255,.6); font-weight: 600;
}
.vb-sp-ev__meta .vb-sp-ev__live {
  display: inline-block; padding: 2px 6px; border-radius: 3px;
  background: #ff3449; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .5px;
}
.vb-sp-ev__teams {
  display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 700;
}
.vb-sp-ev__team { display: flex; align-items: center; gap: 8px; }
.vb-sp-ev__odds {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-top: 6px;
}
.vb-sp-odd {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 10px; background: rgba(255,255,255,.06); border-radius: 6px;
  border: 1px solid rgba(255,255,255,.05); font-size: 12px; color: #fff;
  cursor: pointer; transition: background .15s, border-color .15s;
}
.vb-sp-odd:hover { background: rgba(0,230,0,.12); border-color: rgba(0,230,0,.35); }
.vb-sp-odd__k { color: rgba(255,255,255,.55); font-weight: 700; font-size: 11px; }
.vb-sp-odd__v { color: #00e600; font-weight: 800; font-size: 13px; }
.vb-sp-odd--n { cursor: default; opacity: .45; }
.vb-sp-odd--n:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.05); }

/* Bos mesaj / hata */
.vb-sp-empty {
  padding: 24px 16px; text-align: center; color: rgba(255,255,255,.6); font-size: 13px;
  background: rgba(255,255,255,.03); border-radius: 10px; margin: 8px;
}
.vb-sp-empty small { display: block; margin-top: 6px; color: rgba(255,255,255,.4); font-size: 11px; }

/* Alt uyarı */
.vb-sp-note {
  padding: 12px 14px; margin: 8px 8px 20px; font-size: 11px; color: rgba(255,255,255,.4);
  line-height: 1.5; text-align: center;
}

/* Ana sayfa (index.php) kompakt spor widget */
.vb-sp-home {
  padding: 8px 0 16px;
}
.vb-sp-home .vb-sp-ev { padding: 10px 12px; }
.vb-sp-home .vb-sp-ev__odds { grid-template-columns: 1fr 1fr 1fr; gap: 5px; }
.vb-sp-home .vb-sp-lg { margin: 0 8px 8px; }