/* --- Bildangaben ----------------------------------------------------------
   KI-Kennzeichnung und Bildnachweis aus der Mediathek (inc/bildangaben.php).
   Steht immer sichtbar am Bild: als dezentes Etikett unten rechts auf dem
   Bild, bei einer Bildunterschrift als deren letzte Zeile. Kein Hover, kein
   Tooltip (Art. 50 Abs. 5 KI-Verordnung). Lange Nachweise brechen um, daher
   kleiner Radius statt Pille; die Breite ist begrenzt, damit das Etikett auf
   grossen Bildern eine Zeile bleibt und auf kleinen nicht ueber den Rand
   laeuft. So leise wie moeglich, es darf nicht vom Bild ablenken: kleine,
   normale Schrift, kaum Flaeche. Untergrenze ist die Lesbarkeit: 65 % Weiss
   ergibt auf Schwarz #A6A6A6, darauf #333 mit 5,2:1. */

/* Ohne Spezifitaet: eine Figure, die schon absolut sitzt (Hero), bleibt so. */
:where(:has(> .epi-bildangabe)) {
    position: relative;
}

.epi-bildangabe {
    position: absolute;
    inset-block-end: 6px;
    inset-inline-end: 6px;
    z-index: 1;
    display: block;
    max-inline-size: min(calc(100% - 12px), 28rem);
    padding: 1px 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--color-text);
    font-family: var(--font-primary);
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: start;
}

.epi-bildangabe__ki {
    white-space: nowrap;
}

.epi-bildangabe__symbol {
    inline-size: 1em;
    block-size: 1em;
    margin-inline-end: 2px;
    vertical-align: -0.15em;
    fill: currentColor;
}

.epi-bildangabe--unterschrift {
    position: static;
    max-inline-size: none;
    padding: 0;
    margin-block-start: var(--wp--preset--spacing--xs);
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    color: var(--color-secondary);
}

/* Karten: links oben sitzt die Pille (Branche, Thema), die Angabe bleibt in
   der rechten Haelfte. Referenz-Karte: unten mittig sitzt das Logo, die
   Angabe geht nach oben. */
.epi-card__media > .epi-bildangabe {
    max-inline-size: calc(55% - 6px);
}

.epi-referenz-karte__foto > .epi-bildangabe {
    inset-block: 6px auto;
}

.epi-ki-hinweis {
    margin-block: var(--wp--preset--spacing--lg);
    font-size: 0.875rem;
    color: var(--color-secondary);
}