/* ═══════════════════════════════════════════════════════════
   wettkampf.css — Spezifisch für wettkampf.html
   ═══════════════════════════════════════════════════════════ */

/* ── Meet-Header ───────────────────────────────────────── */
.meet-header {
  background:#1e3a5f; color:#fff; border-radius:14px;
  padding:20px 22px; margin-bottom:14px;
  display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap;
}
.meet-header-icon { font-size:36px; }
.meet-title { font-size:20px; font-weight:700; margin-bottom:5px; }
.meet-meta { font-size:12px; opacity:0.75; display:flex; gap:16px; flex-wrap:wrap; }

/* ── Medaillen ─────────────────────────────────────────── */
.medal-row {
  display:flex; align-items:center; gap:10px; padding:9px 14px;
  border-bottom:1px solid #f5f5f5; font-size:12px;
}
.medal-row:last-child { border-bottom:none; }
.medal-name { flex:1; font-weight:600; }
.medal-counts { display:flex; gap:6px; }
.medal-chip {
  display:inline-flex; align-items:center; gap:3px;
  padding:3px 8px; border-radius:12px; font-size:11px; font-weight:700;
}
.m-gold   { background:#fef3c7; color:#d97706; }
.m-silver { background:#f1f5f9; color:#475569; }
.m-bronze { background:#fef3c7; color:#92400e; }
.m-total  { background:#f3f4f6; color:#374151; }

/* ── Disziplin-Grid ────────────────────────────────────── */
.disc-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px; }
.disc-card { background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:12px 14px; }
.disc-name { font-size:12px; font-weight:600; color:#1e3a5f; margin-bottom:6px; }
.disc-bar-wrap { height:6px; background:#f0f0f0; border-radius:3px; margin-bottom:5px; overflow:hidden; }
.disc-bar { height:100%; border-radius:3px; background:#1e3a5f; }
.disc-meta { font-size:10px; color:#888; display:flex; justify-content:space-between; }

/* ── Altersklassen-Grid ────────────────────────────────── */
.ak-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:8px; }
.ak-card { background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:10px 12px; text-align:center; }
.ak-name { font-size:11px; font-weight:600; color:#1e3a5f; margin-bottom:4px; }
.ak-val  { font-size:20px; font-weight:800; color:#1e3a5f; }
.ak-sub  { font-size:10px; color:#888; }

/* ── Vergleich ─────────────────────────────────────────── */
.compare-row-full {
  display:grid; grid-template-columns:1fr 80px 1fr;
  gap:8px; align-items:center; padding:8px 14px;
  border-bottom:1px solid #f5f5f5; font-size:12px;
}
.compare-row-full:last-child { border-bottom:none; }
.cmp-label { font-size:10px; color:#888; text-align:center; margin-bottom:2px; }
.cmp-val { font-size:18px; font-weight:800; color:#1e3a5f; }
.cmp-val.better { color:#059669; }
.cmp-val.worse  { color:#dc2626; }
.cmp-center { text-align:center; }
.cmp-delta { font-size:11px; font-weight:600; }
.cmp-delta.pos { color:#059669; }
.cmp-delta.neg { color:#dc2626; }

/* ── Vergleichs-Auswahl ────────────────────────────────── */
.compare-select-wrap {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:10px 16px; background:#f9f9f9; border-bottom:1px solid #eee;
  font-size:12px;
}
.compare-select-wrap label { color:#888; font-weight:500; white-space:nowrap; }
.compare-select-wrap select {
  flex:1; min-width:200px; padding:7px 10px;
  border:1px solid #ddd; border-radius:8px; font-size:12px;
  background:#fff; color:#111;
}
.compare-select-wrap select:focus { outline:none; border-color:#1e3a5f; }
.match-hint {
  font-size:10px; color:#059669; font-style:italic;
}

/* ── Sug-Year im Wettkampf-Kontext ────────────────────── */
.sug-year {
  padding:6px 14px; font-size:10px; font-weight:700; color:#aaa;
  text-transform:uppercase; letter-spacing:0.5px; background:#f9f9f9;
  border-bottom:1px solid #f0f0f0;
}