/* Fixtures, match histories, missing fixtures and frame results */
.cvsl-table--fixture-result,
.cvsl-table--fixtures {
width: 100% !important;
max-width: none !important;
table-layout: fixed;
display: table;
border-collapse: collapse;
}
 
.cvsl-table--fixture-result tbody,
.cvsl-table--fixture-result thead,
.cvsl-table--fixtures tbody,
.cvsl-table--fixtures thead {
width: 100%;
}

.cvsl-table--fixture-result th:first-child,
.cvsl-table--fixture-result td:first-child { width: auto; text-align: right; }
.cvsl-table--fixture-result th:nth-child(2),
.cvsl-table--fixture-result td:nth-child(2) { width: auto; text-align: center; }
.cvsl-table--fixture-result th:nth-child(3),
.cvsl-table--fixture-result td:nth-child(3) { width: auto; text-align: left; }

.cvsl-table--fixtures th:first-child,
.cvsl-table--fixtures td:first-child{ width: 38%; text-align: right; }
.cvsl-table--fixtures th:nth-child(2),
.cvsl-table--fixtures td:nth-child(2){ width: 24%; text-align: center; }
.cvsl-table--fixtures th:nth-child(3),
.cvsl-table--fixtures td:nth-child(3){ width: 38%; text-align: left; }
.cvsl-table--fixtures th:last-child,
.cvsl-table--fixtures td:last-child { width: 5%; text-align: center; }

.cvsl-table--missing-fixtures th:first-child,
.cvsl-table--missing-fixtures td:first-child { width: 38%; text-align: right; }
.cvsl-table--missing-fixtures th:nth-child(2),
.cvsl-table--missing-fixtures td:nth-child(2){ width: 24%; text-align: center; }
.cvsl-table--missing-fixtures th:nth-child(3),
.cvsl-table--missing-fixtures td:nth-child(3){ width: 38%; text-align: left; }
.cvsl-table--missing-fixtures th:last-child,
.cvsl-table--missing-fixtures td:last-child { width: 5%; text-align: center; }

.cvsl-table--fixtures .cvsl-cell,
.cvsl-table--fixtures .cvsl-cell--center,
.cvsl-table--missing-fixtures .cvsl-cell,
.cvsl-table--missing-fixtures .cvsl-cell--center,
.cvsl-table--fixture-result .cvsl-cell { position: relative; overflow-wrap: anywhere; }
.cvsl-table--fixture-result .cvsl-cell--center { font-weight: 750; }

/* Keep the away participant and result arrow in separate areas. */
.cvsl-table--fixtures ,
.cvsl-table--missing-fixtures  {
  position: relative;
}

.cvsl-table--fixtures  > span:not(),
.cvsl-table--missing-fixtures  > span:not() {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Fixture rows are individual white cards with a status accent on the left. */
.cvsl-table--fixtures tbody tr.cvsl-row,
.cvsl-table--missing-fixtures tbody tr.cvsl-row {
  background: var(--color-white);
}

.cvsl-table--fixtures tbody tr.cvsl-row > td,
.cvsl-table--missing-fixtures tbody tr.cvsl-row > td {
  border-top: 1px solid var(--color-border-strong);
  border-bottom: 1px solid var(--color-border-strong);
}

.cvsl-table--fixtures tbody tr.cvsl-row > td:first-child,
.cvsl-table--missing-fixtures tbody tr.cvsl-row > td:first-child {
  border-left: 0.25rem solid var(--cvsl-row-accent);
  border-radius: var(--radius-xs) 0 0 var(--radius-xs);
}

.cvsl-table--fixtures tbody tr.cvsl-row > td:last-child,
.cvsl-table--missing-fixtures tbody tr.cvsl-row > td:last-child {
  border-right: 1px solid var(--color-border-strong);
  border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
}

.cvsl-table--fixtures tbody tr.cvsl-row:has(.bg-win, .bg-emerald, .bg-green),
.cvsl-table--missing-fixtures tbody tr.cvsl-row:has(.bg-win, .bg-emerald, .bg-green) {
  --cvsl-row-accent: var(--color-snooker-green);
}

.cvsl-table--fixtures tbody tr.cvsl-row:has(.bg-lost, .bg-red)
{
  --cvsl-row-accent: var(--color-ball-red);
}

.cvsl-table--fixtures tbody tr.cvsl-row:has(.bg-black){
  --cvsl-row-accent: var(--color-navy);
}

.cvsl-table--fixtures tbody tr.cvsl-row > td:first-child > [class^="bg-"],
.cvsl-table--fixtures tbody tr.cvsl-row > td:first-child > [class*=" bg-"]
{
  display: none;
}

.cvsl-table--fixtures .fixture-score,
.cvsl-table--fixture-result .fixture-score {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  color: var(--color-navy);
  font-size: 1.05em;
  font-weight: 800;
  line-height: 1.1;
}

.cvsl-table--fixtures .fixture-score-separator,
.cvsl-table--fixture-result .fixture-score-separator {
  display: inline-block;
  width: 0;
  height: 1.35em;
  padding: 0;
  border-left: 0.2rem solid var(--color-gold);
}

/* The generated spacer row should be a narrow, unshaded gap. */
.cvsl-table--fixtures .cvsl-spacer,
.cvsl-table--fixture-result .cvsl-spacer {
  height: 0.25rem;
  padding: 0;
  border: 0;
  background: var(--color-white);
}