/* Echo KI-Kennzeichnung 1.3 – dezentes Label unten rechts.
   Das Label ist ein Pseudo-Element (::after bzw. ::before) am Bild-Container.
   Es wird kein zusätzliches Element ins DOM gesetzt, damit Karussells/Slider
   ihre Slides nicht falsch zählen. */

/* Null-Spezifität: Theme- und Slider-Regeln haben immer Vorrang. */
:where(.echo-ki-rel) { position: relative; }

.echo-ki-host-after::after,
.echo-ki-host-before::before,
.echo-ki-label {
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  right: 6px !important;
  bottom: 6px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  z-index: 10;
  margin: 0;
  padding: 2px 6px;
  font: 500 10px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .02em;
  text-transform: none;
  color: rgba(255, 255, 255, .92);
  background: rgba(0, 0, 0, .42);
  border: 0;
  border-radius: 2px;
  opacity: 1;
  transform: none;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.echo-ki-host-after::after,
.echo-ki-host-before::before {
  content: attr(data-echo-ki-label) !important;
}