/* =============================================================
 * MVK – Sponsor-/Kooperationslogos auf dunklem Grund
 * v1.0 – 2026-08-25
 *
 * Hinweis zur Spezifität: eigenes CSS wird VOR den Oxygen-Bundles
 * geladen (memory.md). Selektoren daher mit `body` davor, sonst
 * gewinnt Oxygen über die Reihenfolge.
 * ============================================================= */

/* Ausrichtung -------------------------------------------------------------
   Die Logos sollen immer mittig unter der Überschrift sitzen. Der Oxygen-
   Code-Block erbt `text-align: start`; solange das Logo den Block voll
   ausfüllte, fiel das nicht auf – mit der Größenbegrenzung unten schon.
   Die Klasse setzt `mv-sponsor-logo.js` auf den Container. */
body .mv-logo-wrap {
  text-align: center;
}
body .mv-logo-wrap > a,
body .mv-logo-wrap > img {
  margin-inline: clamp(8px, 2vw, 24px);   /* Abstand, wenn mehrere Logos nebeneinander stehen */
}

/* Vom Proxy gelieferte helle Variante ------------------------------------ */
body img.mv-logo-dark {
  max-width: min(320px, 100%);
  height: auto;
}

/* Notlösung, falls der Proxy nicht antwortet: Original invertieren.
   Wirkt nur bei monochrom-dunklen Logos mit Transparenz. */
body img.mv-logo-invert {
  filter: brightness(0) invert(1);
  opacity: .92;
}

/* Plate-Variante für farbige Logos ---------------------------------------
   Der Proxy färbt farbige Logos bewusst NICHT um (CI). Wenn ein solches
   Logo dazukommt, bekommt es eine helle Fläche statt einer Invertierung.
   Klasse wird derzeit nicht automatisch gesetzt – manuell am Container
   ergänzen, sobald ein farbiges Logo auftaucht. */
body .mv-logo-plate {
  background: #fff;
  border-radius: 6px;
  padding: clamp(12px, 2vw, 20px);
  display: inline-block;
}

/* Verlinktes Logo -------------------------------------------------------- */
body a.mv-sponsor-link {
  display: inline-block;
  line-height: 0;              /* kein Abstand unter dem Bild */
  text-decoration: none;
  border: 0;
}
body a.mv-sponsor-link:hover img,
body a.mv-sponsor-link:focus-visible img {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  body a.mv-sponsor-link img {
    transition: opacity .2s ease;
  }
}