/**
 * Fil: /assets/css/topp5.css
 * Syfte:
 * - Sidunika regler för Topp 5.
 * - Gemensam tabell-CSS ligger i /assets/css/score-tables.css.
 */

.topp5-card {
  padding: 1rem;
}

/*
 * Topp 5 ska på dator inte tvingas fylla hela sidbredden
 * när bara få tips visas.
 *
 * Men tabellområdet får aldrig bli bredare än sidan.
 * Om många tipsare visas ska scrollen hamna i tabellramen.
 */
.topp5-table-wrap {
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
}

/* Topp 5-specifikt */

.topp5-match-subtitle {
  color: #555;
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
}

/* Långa extrafrågor */

.topp5-extra-question-cell {
  white-space: normal !important;
}

.topp5-extra-question-text {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .topp5-table-wrap {
    width: 100%;
  }
}