/*
 * Centrale presentatielaag voor teamnamen en standen.
 * Doel: nooit midden in een clubnaamwoord breken, nooit een stand verticaal zetten
 * en lange toekomstige namen proportioneel verkleinen in krappe mobiele kolommen.
 */

.team-name-safe,
.fixture-team-name,
.match-team > strong,
.probability-name,
.prediction-insight strong,
.coverage-note p,
.h2h-team-name,
.result-match-teams,
.result-verdict--outcome .result-check > span {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.fixture-team-name,
.match-team > strong,
.probability-name,
.h2h-team-name {
  min-width: 0;
  max-width: 100%;
}

/* Gebruik gewone woordgrenzen; text-wrap: balance kan per mobiele engine anders uitpakken. */
.match-team > strong.team-name-safe,
.h2h-team-name.team-name-safe,
.probability-name.team-name-safe {
  text-wrap: wrap !important;
}

/* Extreem lange toekomstige namen worden als laatste vangnet afgekapt i.p.v. letter voor letter gebroken. */
.match-team > strong.team-name-density--ultra,
.fixture-team-name.team-name-density--ultra,
.probability-name.team-name-density--ultra,
.h2h-team-name.team-name-density--ultra {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

/* H2H is niet interactief. Dit voorkomt iOS/Chrome-callouts en adresdetectie bij scroll/long-press. */
.h2h-scoreline,
.h2h-scoreline * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.h2h-score,
.result-score {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  white-space: nowrap !important;
  direction: ltr;
  unicode-bidi: isolate;
}

/* Resultaatregels mogen op teamgrenzen/spaties wrappen, maar nooit letters afsplitsen. */
.result-match-teams {
  text-wrap: pretty;
}

@media (max-width: 680px) {
  .match-team > strong.team-name-density--compact {
    font-size: clamp(1rem, 4.8vw, 1.18rem);
  }

  .match-team > strong.team-name-density--dense {
    font-size: clamp(0.9rem, 4.25vw, 1.04rem);
  }

  .match-team > strong.team-name-density--ultra {
    font-size: clamp(0.8rem, 3.75vw, 0.94rem);
  }

  .fixture-team-name.team-name-density--compact {
    font-size: 0.76rem;
  }

  .fixture-team-name.team-name-density--dense {
    font-size: 0.71rem;
  }

  .fixture-team-name.team-name-density--ultra {
    font-size: 0.66rem;
  }

  .probability-name.team-name-density--compact {
    font-size: 0.62rem;
  }

  .probability-name.team-name-density--dense {
    font-size: 0.58rem;
  }

  .probability-name.team-name-density--ultra {
    font-size: 0.54rem;
  }

  .h2h-team-name.team-name-density--compact {
    font-size: 0.67rem;
  }

  .h2h-team-name.team-name-density--dense {
    font-size: 0.63rem;
  }

  .h2h-team-name.team-name-density--ultra {
    font-size: 0.58rem;
  }
}

@media (max-width: 360px) {
  .match-team > strong.team-name-density--compact { font-size: 0.98rem; }
  .match-team > strong.team-name-density--dense { font-size: 0.86rem; }
  .match-team > strong.team-name-density--ultra { font-size: 0.76rem; }

  .h2h-team-name.team-name-density--compact { font-size: 0.64rem; }
  .h2h-team-name.team-name-density--dense { font-size: 0.6rem; }
  .h2h-team-name.team-name-density--ultra { font-size: 0.55rem; }
}