/* =========================================
   POLISH — zentrale Vereinheitlichung
   Wird als LETZTES Stylesheet geladen (gewinnt ohne !important).
   Reversibel: einfach den <link> in header.php entfernen.
   ========================================= */

/* --- Einheitliche Seiten-Header (NICHT Startseite-Hero/TV) --- */
.hero,
.turniere-hero,
.galerie-hero,
.chronik-hero,
.hero-ranking,
.analyse-hero,
.stats-hero,
.pr-hero {
  text-align: center;
  padding: clamp(28px, 5vw, 44px) 20px clamp(16px, 3vw, 24px);
}

.hero h1, .hero h2,
.turniere-hero h2,
.galerie-hero h2,
.chronik-hero h2,
.hero-ranking .ranking-hero-title,
.analyse-hero h2,
.stats-hero h2,
.pr-hero h2 {
  font-size: clamp(1.55rem, 1.05rem + 2.2vw, 2.25rem);
  font-weight: 700;
  letter-spacing: -.3px;
  line-height: 1.15;
  margin: 0 auto;
}

.hero p,
.turniere-hero p,
.galerie-hero p,
.chronik-hero p,
.analyse-hero p,
.stats-hero p,
.pr-hero p {
  color: var(--muted);
  margin: 6px auto 0;
  max-width: 640px;
}

/* dezente Akzentlinie unter reinen Titel-Heros (kein Subtitle/Actions) */
.galerie-hero::after,
.chronik-hero::after,
.turniere-hero::after {
  content: "";
  display: block;
  width: 52px; height: 3px;
  margin: 14px auto 0;
  border-radius: 999px;
  background: var(--dart-green);
  opacity: .85;
}

/* --- Karten: einheitlicher, dezenter Hover-Lift --- */
.card, .feature-card, .hof-card, .best-card, .co-card,
.admin-card, .pr-card, .event-card {
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.card:hover, .feature-card:hover, .hof-card:hover, .best-card:hover, .co-card:hover,
.admin-card:hover, .pr-card:hover, .event-card:hover {
  transform: translateY(-3px);
  border-color: var(--border-strong);
}

@media (prefers-reduced-motion: reduce) {
  .card:hover, .feature-card:hover, .hof-card:hover, .best-card:hover, .co-card:hover,
  .admin-card:hover, .pr-card:hover, .event-card:hover { transform: none; }
}

/* =========================================
   FRESH LOOK — moderne Schrift + Oberflaechen
   (sichere Fallbacks; alles ueber dieses File reversibel)
   ========================================= */

/* Schrift: Outfit fuer Ueberschriften, Inter fuer Text */
body {
  font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6,
.header-title, .brand-title, .h1,
.block-title, .section-title, .card-title, .co-title {
  font-family: 'Outfit', 'Inter', 'Segoe UI', sans-serif;
  letter-spacing: -.4px;
}

/* Dezente Hintergrund-Tiefe (vor allem im Dark-Mode sichtbar) */
body {
  background:
    radial-gradient(900px 360px at 50% -160px, rgba(48, 159, 106, .07), transparent 70%),
    var(--bg);
}

/* Frischere Buttons: weicher Gruen-Verlauf + sanfter Schein */
.btn {
  background: linear-gradient(135deg, #36b277, #1f8a57);
  box-shadow: 0 6px 18px rgba(48, 159, 106, .20);
}
.btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn-danger {
  background: linear-gradient(135deg, #ef3b40, #c0211f);
  box-shadow: 0 6px 18px rgba(227, 41, 46, .20);
}
.btn-ghost { background: transparent; box-shadow: none; }

/* Karten: etwas runder */
.card, .feature-card, .hof-card, .best-card, .co-card,
.admin-card, .pr-card, .event-card, .gallery-card, .quick-card {
  border-radius: 16px;
}

/* Akzentlinie unter Titel-Heros als Verlauf, etwas breiter */
.galerie-hero::after, .chronik-hero::after, .turniere-hero::after {
  width: 64px;
  background: linear-gradient(90deg, var(--dart-green), #54c98e);
}