/**
 * Fil: /assets/css/rattatipset.css
 * Syfte:
 * - Sidunika regler för Rätta tipset.
 * - Gemensam tabell-CSS ligger i /assets/css/score-tables.css.
 */

.rattatipset-card {
  padding: .8rem;
}

/* Paginering */

.rattatipset-pagination-wrap {
  margin-bottom: .8rem;
}

.rattatipset-pagination-wrap.bottom {
  margin-top: .8rem;
  margin-bottom: 0;
}

.rattatipset-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rattatipset-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  min-height: 2.25rem;
  padding: .35rem .65rem;
  border: 1px solid var(--ft-border-color-soft);
  background: #fff;
  color: var(--bs-primary);
  text-decoration: none;
  font-weight: 700;
  border-radius: .25rem;
}

.rattatipset-page-link:hover {
  background: #f8f9fa;
  color: var(--bs-primary);
}

.rattatipset-page-link.active {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

.rattatipset-page-link.disabled {
  color: #adb5bd;
  pointer-events: none;
  background: #fff;
}

/* Rätta tipset-specifikt */

.rattatipset-sticky-1,
.rattatipset-sticky-2 {
  position: static;
}

.rattatipset-match-meta {
  margin-top: .08rem;
  font-size: .68rem;
  line-height: 1.1;
  color: #333;
  white-space: nowrap;
}

.rattatipset-tip-small {
  display: block;
  margin-top: .08rem;
  font-size: .68rem;
  font-weight: 700;
}

.rattatipset-team-row-label {
  color: #111;
  font-weight: 400;
}

@media (max-width: 768px) {
  .rattatipset-page-link {
    min-width: 2.25rem;
    min-height: 2.15rem;
    padding: .3rem .55rem;
  }
}