/* ═══════════════════════════════════════════════════════════════════════
   Indikativ-Streifen · gemeinsamer Baustein aller drei Editionen
   2026-08-05 · Altfundpaket. Der Streifen stand nur in Clubs und lag als
   Regelblock in clubs-06-landing-und-spaet.css mit fest verdrahteten
   Hexwerten. Er ist jetzt ausgelagert, auf Tokens umgestellt und wird von
   Clubs, Leagues und Events geladen. Ursprung: rework 2026-05-30.
   ═══════════════════════════════════════════════════════════════════════ */

.results-indicative-banner {
  background: var(--paper);
  border: 1px solid rgba(235, 112, 51, 0.45);
  border-left: 4px solid var(--gold);
  border-radius: 4px;
  padding: 16px 22px;
  margin: 0 0 22px 0;
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.results-indicative-banner .rib-icon {
  flex: 0 0 auto;
  width: 36px; height: 36px;
  border-radius: 999px;
  background: rgba(235, 112, 51, 0.18);
  color: #953B0F;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 18px;
}
.results-indicative-banner .rib-text {
  flex: 1 1 320px;
  color: var(--ink);
  font-size: 14px; line-height: 1.55;
}
.results-indicative-banner .rib-text strong { font-weight: 700; }
.results-indicative-banner .rib-cta {
  flex: 0 0 auto;
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
  border-radius: 3px;
  padding: 10px 18px;
  font-weight: 700; font-size: 13.5px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px;
}
.results-indicative-banner .rib-cta:hover {
  background: #006F8A;
  border-color: #006F8A;
}

@media (max-width: 720px) {
  .results-indicative-banner { padding: 14px 16px; gap: 12px; }
  .results-indicative-banner .rib-cta { width: 100%; justify-content: center; }
}

/* Freigeschaltete Testerinnen und Tester sehen den Streifen nicht:
   sie haben die Full Diagnostic bereits. Galt bisher nur in Clubs. */
body.pp-full-unlocked .results-indicative-banner { display: none !important; }
