/* cricket/style.css */
.view { display: none !important; }
.view.active { display: flex !important; flex-direction: column; }

body.overlay-mode { background-color: transparent !important; }
#view-overlay { background-color: transparent; }

/* Scorer UI */
.input-dark {
  background-color: #0f172a;
  color: white;
  border: 1px solid #334155;
  border-radius: 0.25rem;
}
.btn-toggle {
  background-color: #1e293b;
  color: white;
  border: 1px solid #475569;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 0.5rem;
  cursor: pointer;
}
.btn-toggle.active {
  background-color: #2563eb;
  border-color: #2563eb;
}

/* Toast */
.toast-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #1e293b;
  border: 1px solid #334155;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  animation: slideInRight 0.3s ease-out;
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}
.toast-card .toast-icon {
  background: #2563eb;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toast-card .toast-content h4 {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.toast-card .toast-content p {
  margin: 0;
  font-size: 0.65rem;
  color: #94a3b8;
}

/* Overlay styles */
.overlay-mode .view { background: transparent !important; }
.overlay-mode .bd-strip-batsmen { background: rgba(0,0,0,0.3); }
.bd-strip-batsmen .bd-bat-row {
  display: flex;
  justify-content: space-between;
  padding: 2px 8px;
  font-size: 0.8rem;
  color: white;
}
.bd-strip-batsmen .bd-bat-name { font-weight: bold; }
.bd-strip-batsmen .bd-bat-runs { font-weight: bold; color: #fbbf24; }
.ball-pill {
  display: inline-block;
  background: #1e293b;
  border-radius: 999px;
  padding: 0 4px;
  margin-left: 4px;
  font-size: 0.65rem;
}

.bd-strip-score-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  background: rgba(0,0,0,0.5);
}
.bd-main-score { font-family: 'Teko', sans-serif; font-size: 1.5rem; color: white; }

.bd-overs-container {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.bd-overs-val { font-weight: bold; color: #facc15; }

.bd-strip-bowler {
  padding: 4px 8px;
  background: rgba(0,0,0,0.4);
}
.bd-bowl-name { font-weight: bold; color: #34d399; }
.bd-bowl-fig { color: #cbd5e1; }

.bd-timeline { display: flex; gap: 2px; }
.timeline-ball {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.6rem;
  font-weight: bold;
}
.ball-4 { background: #3b82f6; color: white; }
.ball-6 { background: #8b5cf6; color: white; }
.ball-w { background: #ef4444; color: white; }
.ball-dot { background: #475569; color: white; }

.match-top-bar {
  display: flex;
  align-items: center;
  background: #0f172a;
  color: white;
  padding: 4px 8px;
  font-size: 0.75rem;
  font-weight: bold;
}
.top-bar-badge {
  background: #2563eb;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.6rem;
  text-transform: uppercase;
  margin-right: 0.5rem;
}
.top-bar-teams { flex: 1; text-align: center; }

.ticker-strip {
  background: #1e293b;
  color: #facc15;
  font-weight: bold;
  padding: 4px 0;
  overflow: hidden;
  white-space: nowrap;
}
.marquee-content {
  display: inline-block;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.tv-strip-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 20px 30px rgba(0,0,0,0.6);
}

/* Torun theme */
.torun-sponsor {
  font-family: 'Tiro Bangla', sans-serif;
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  padding: 2px 8px;
}
.torun-sponsor-left { text-align: left; }
.torun-sponsor-right { text-align: right; }

.torun-bottom-info {
  font-size: 0.7rem;
  color: #facc15;
  font-weight: bold;
  text-align: center;
  padding: 2px;
}

/* Theme variations */
.theme-classic .bd-strip-score-wrapper { background: linear-gradient(180deg, #0f172a, #020617); }
.theme-pro .bd-strip-score-wrapper { background: linear-gradient(180deg, #1e1b4b, #020617); }
.theme-purple .bd-strip-score-wrapper { background: linear-gradient(180deg, #3b0764, #020617); }
.theme-t20-26 .bd-strip-score-wrapper { background: linear-gradient(180deg, #064e3b, #020617); }
.theme-torun .bd-strip-score-wrapper { background: #061159; border: 2px solid #4EC5F1; }

/* Overlay result / break */
.bd-strip-result-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.85);
  font-size: 1.2rem;
  font-weight: bold;
  color: #facc15;
  text-transform: uppercase;
}