/*
 * news.css — Das News-Band der Startseite (zwischen Hero und Paarungen).
 * Oben die redaktionellen News (sauber, Karten-Reihe), darunter die
 * Schmuddelecke (bewusst „schmuddelig", entsättigt, als ungeprüft markiert).
 */

.newsband { margin: clamp(1.6rem, 4vw, 2.6rem) 0 0; }

/* ---------- redaktionelle News ---------- */
.news-head {
  display: flex;
  align-items: baseline;
  gap: 0.9rem;
  margin-bottom: 1.1rem;
}
.news-head h2 { font-size: clamp(1.3rem, 3vw, 1.9rem); color: var(--paper); }
.news-head .rule {
  flex: 1; height: 2px;
  background: repeating-linear-gradient(90deg, var(--line-strong) 0 14px, transparent 14px 22px);
}

.news-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(0.9rem, 1.8vw, 1.3rem);
}
.news-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: linear-gradient(180deg, var(--ink-700), var(--ink-800));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.1rem 1.15rem;
  transition: transform 0.3s var(--ease), border-color 0.3s var(--ease);
}
.news-card:hover { transform: translateY(-4px); border-color: var(--line-strong); }
.news-card__top {
  font-family: var(--font-mono); font-size: 0.68rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--gold);
}
.news-card__head {
  font-family: var(--font-display); font-weight: 700; text-transform: uppercase;
  font-size: 1.15rem; line-height: 1.05; color: var(--paper);
}
.news-card__sum {
  font-family: var(--font-body); font-size: 0.95rem; line-height: 1.5;
  color: var(--paper-dim); flex: 1;
}
.news-card__link {
  font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--vermilion);
}

/* ---------- Schmuddelecke (nicht-redaktionell) ---------- */
.buzz {
  margin-top: clamp(1.6rem, 3.5vw, 2.4rem);
  padding: 1.2rem 1.2rem 1.35rem;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius);
  background:
    repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.16) 0 6px, transparent 6px 12px),
    var(--ink-900);
  filter: saturate(0.85);
}
.buzz__head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.6rem 1rem; margin-bottom: 1rem; }
.buzz__head h2 {
  font-size: clamp(1.2rem, 3vw, 1.7rem); color: var(--paper-dim);
  letter-spacing: 0.03em;
}
.buzz__warn {
  font-family: var(--font-mono); font-size: 0.66rem; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ink-900);
  background: var(--draw); padding: 0.2em 0.6em; border-radius: 2px;
}

.buzz__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0.8rem;
}
.buzz-item {
  display: flex; flex-direction: column; gap: 0.55rem;
  background: rgba(20, 17, 14, 0.7);
  border: 1px solid var(--line);
  border-left: 3px solid var(--src, var(--paper-faint));
  border-radius: 2px;
  padding: 0.8rem 0.85rem;
  transition: transform 0.25s var(--ease), background 0.25s var(--ease);
}
.buzz-item:hover { transform: translateY(-2px); background: rgba(28, 23, 18, 0.85); }
.buzz-item__top { display: flex; align-items: center; gap: 0.5rem; }
.buzz-badge {
  font-family: var(--font-display); font-weight: 800; font-size: 0.72rem;
  text-transform: uppercase; letter-spacing: 0.04em; color: #fff;
  background: var(--src, var(--ink-600)); padding: 0.15em 0.5em; border-radius: 2px;
}
.buzz-cat {
  font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--paper-faint);
}
.buzz-item__text {
  font-family: var(--font-body); font-size: 0.9rem; line-height: 1.45; color: var(--paper-dim);
}
.buzz-item__foot {
  display: flex; justify-content: space-between; align-items: center;
  font-family: var(--font-mono); font-size: 0.64rem; letter-spacing: 0.05em;
  text-transform: uppercase; color: var(--paper-faint);
}
.buzz-item__link { color: var(--paper-dim); font-size: 0.9rem; }

/* Quellen-Farben (data-src setzt --src via Attribut-Selektor) */
.buzz-item[data-src="reddit"]        { --src: #d93a00; }
.buzz-item[data-src="x"]             { --src: #2a2a2a; }
.buzz-item[data-src="transfermarkt"] { --src: #1c5d4c; }
.buzz-item[data-src="fotmob"]        { --src: #1f8a4c; }
.buzz-item[data-src="onefootball"]   { --src: #1f5fbf; }
.buzz-item[data-src="goal"]          { --src: #8a1f4c; }
.buzz-item[data-src="90min"]         { --src: #6a4bbf; }