/* Container for the ticker */
.csh-container {
  position: relative;
  width: 100%;
  background: none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  font-family: Arial, sans-serif;
  color: #333;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* Arrow buttons */
.csh-arrow {
  background: transparent;
  border: none;
  color: #A52822;
  font-size: 20px;
  cursor: pointer;
  width: 15px;
  height: 30px;
  flex-shrink: 0;
  transition: color 0.3s, background 0.3s, height 0.3s;
}
.csh-arrow:hover {
  background: #A52822;
  color: #fff;
  height: 50px;
}

/* Inner scroll container */
.csh-inner {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin: 0 5px;
  width: calc(100% - 70px); /* leave room for arrows */
  scroll-behavior: smooth;
}

/* Each match item */
.csh-item {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  min-width: 220px;
  margin-right: 15px;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  color: inherit;
}

/* Header row: league (left), date (center), CTA (right) */
.csh-header{
  display: flex;
  justify-content: space-between;
  grid-template-columns: 1fr auto 1fr; /* left / center / right */
  align-items: center;
  column-gap: 6px;
  position: relative;
  padding-right: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.csh-league { justify-self: start; display: flex; align-items: center; }
.csh-league-icon { width: 16px; height: 16px; margin-right: 4px; vertical-align: middle; }
.csh-league-name { font-size: 11px; font-weight: normal; text-transform: capitalize; }
.csh-date { justify-self: center; font-weight: normal; }

/* Ticker inline CTA (text-style) */
.csh-betnow{
  justify-self: end;
  position: static !important;
  background: transparent !important;
  color: #b01818;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.csh-betnow:hover{ color:#8e101b; text-decoration: underline; }

/* Rows (home/away) */
.csh-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2px 0;
}
.cstl-team-info { display: flex; align-items: center;font-weight:700; color:#000000; }
.csh-team-logo { width: 18px; height: 18px; margin-right: 4px; vertical-align: middle; border-radius: 50%; }
.csh-team-name { font-weight: 700; }

/* Score box */
.csh-score-box {
  background: #e0e0e0;
  padding: 2px 9px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

/* Live pill in ticker */
.csh-live-status {
  background-color: #e53935;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 8px;
  display: inline-block;
  letter-spacing: 0.4px;
}

/* Responsive (ticker) */
@media (max-width: 700px) {
  .csh-container { margin-top: 45px; }
  .csh-item { min-width: 190px; font-size: 12px; }
  .csh-date { font-size: 10px; padding-left: 5px; color: #666; font-weight: bold; }
  .csh-inner { margin: 0 10px; width: calc(100% - 20px); }
  .cstl-team-info { font-size: 14px; font-weight: 700; }
}
@media (max-width: 480px) {
  .csh-arrow { display: none; width: 25px; height: 25px; font-size: 16px; }
  .csh-item { min-width: 190px; font-size: 12px; }
  column-gap: 5px;

}

/*  Match Detail  */

.csh-match-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  background-color: #f8f8f8;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.csh-match-header h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #b01818;
  letter-spacing: 1px;
}
.csh-team-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
}
.csh-team {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  color: #333;
  font-weight: 600;
  width: 45%;
}
.csh-logo { width: 40px; height: 40px; margin-left: 10px; margin-right: 10px; }
.csh-score {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin: 0 20px;
  text-align: center;
  letter-spacing: 2px;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

/* Match detail CTA (pill) */
.csh-score .md-betnow,
.match-status .ls-betnow { 
  display: inline-block;
  width:105px;
  margin-top: 8px;
  padding: 8px 16px;
  background: #b01818;
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  transition: background .15s ease, transform .05s ease;
}
.csh-score .md-betnow:hover,
.match-status .ls-betnow:hover { background: #8e101b; }
.csh-score .md-betnow:active,
.match-status .ls-betnow:active { transform: translateY(1px); }

@media (max-width: 768px) {
  .csh-logo { width: 25px; height: 25px; margin-left: 10px; margin-right: 10px; }
  .csh-team-wrapper { flex-direction: column; align-items: center; gap: 15px; }
  .csh-score { font-size: 12px; }
  .csh-match-header h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #b01818;
  letter-spacing: 1px;
}
}

/* Match info panels */
.csh-match-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}
.csh-match-info, .csh-additional-details {
  width: 48%;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.csh-column-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .csh-match-wrapper { flex-direction: column; align-items: center; gap: 15px; }
  .csh-match-info, .csh-additional-details { width: 100%; text-align: center; }
  .csh-team { margin: 10px 0; width: 70%; }
  .csh-column-item { font-size: 14px; }
}

/* Standing Table*/

.csh-standings { margin-top: 20px; }

.csh-modern-table { width: 100%; border-collapse: collapse; font-family: sans-serif; margin-bottom: 30px; }
.csh-modern-table th {
  text-align: left; padding: 12px 10px; background: #f5f5f5;
  font-size: 14px; text-transform: uppercase; color: #888;
}
.csh-modern-table td { padding: 12px 10px; vertical-align: middle; font-size: 15px; border-bottom: 1px solid #eee; }
.csh-modern-table tbody tr:nth-child(even) { background-color: #fcfcfc; }
.csh-modern-table tbody tr:hover { background-color: #f1f1f1; }

.team-cell { display: flex; align-items: center; gap: 10px; }
.team-logo { width: 20px; height: 20px; vertical-align: middle; }
.team-name { font-weight: 700; }

/* Compact table */
.modern-standings { width: 100%; border-collapse: collapse; table-layout: fixed; font-family: sans-serif; font-size: 15px; }
.modern-standings thead th {
  text-align: center; padding: 10px 6px; font-size: 12px; color: #777;
  background: #fff; border: none; border-bottom: 1px solid #eee;
}
.modern-standings thead th:first-child,
.modern-standings tbody td:first-child { text-align: left; min-width: 220px; border: none; }
.modern-standings thead th:not(:first-child),
.modern-standings tbody td:not(:first-child) { text-align: center; width: 70px; background: none; }
.modern-standings tbody tr { border-bottom: 1px solid #f0f0f0; }
.modern-standings tbody td { padding: 12px 10px; vertical-align: middle; border: none; }
.pts { font-weight: bold; color: #111; }
.gfga { white-space: nowrap; }

.table-scroll-wrapper { width: 100%; overflow-x: auto; }
@media screen and (max-width: 768px) {
  .modern-standings { min-width: 650px; }
}

/* List Page*/
.live-match-row-v2 { align-items: center; }

.match-status {
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px; /* space between score, status, CTA */
}
.score-text { font-size: 16px; font-weight: bold; margin-bottom: 2px; display: block; }
.status-text { font-size: 12px; color: #777; }
.status-text.live { color: #b01818; font-weight: bold; }

/* Mobile utilities for list page */
@media (max-width: 768px) {
  .team-info { flex-direction: column; align-items: center; justify-content: center; margin: 2px 0; }
  .team-name { font-size: 15px; margin-bottom: 4px; text-align: center; }
  .match-time { text-align: center !important; }
}

/* Breadcrumb + H1 */
.csh-breadcrumb {
  margin: 20px 0;
  font-size: 14px;
  color: #666;
}

.csh-breadcrumb a {
  color: #b01818;
  text-decoration: none;
  font-weight: 500;
}

.csh-breadcrumb a:hover {
  text-decoration: underline;
}

.csh-breadcrumb h1.csh-match-title {
  display: block;
  margin-top: 8px;
  font-size: 28px;
  font-weight: 700;
  color: #111;
}