/*
 * Synapsenbrenner - Modul kibild, Baustein bildnachweis (P20, 07.10.2026).
 * Der Bildnachweis fuer freie Fotos, unten links auf dem Bild. Das
 * KI-Abzeichen sitzt unten rechts (kibild.css), beide teilen sich den Anker.
 *
 * ABHAENGIG VON: Token aus southvision-child/bloecke/basis.css
 * (--sb-schrift-text), mit Ersatzwert. Kein JavaScript.
 *
 * DIE EINE REGEL, DIE NACH AUSSEN WIRKT: wie beim Abzeichen bekommt nur das
 * Elternelement, das wirklich einen Nachweis traegt, position:relative.
 *
 * RUECKBAU: Option sb_kibild_baustein_bildnachweis_aktiv loeschen.
 */

:where(a, div, figure, li, picture, section, span, td):has(> .sb-kibild-nachweis) {
    position: relative;
}

.sb-kibild-nachweis {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 2;
    /* Platz fuer das KI-Abzeichen rechts frei lassen (30 px plus Abstand). */
    max-width: calc(100% - 56px);
    padding: 2px 7px;
    border-radius: 4px;
    background-color: rgba(2, 28, 30, 0.6);
    color: #ffffff;
    font-family: var(--sb-schrift-text, "Source Sans 3", sans-serif);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    /* Die Hero-Galerie setzt pointer-events:none auf .imgWrap (Entsch. 32).
       Die Links im Nachweis muessen trotzdem klickbar sein. */
    pointer-events: auto;
}

/* In Links und Galerie-Kacheln: reiner Text, nichts zum Anklicken. */
.sb-kibild-nachweis--still {
    pointer-events: none;
}

/* Doppelte Klasse mit Absicht: Eine Inline-Regel der Ortsseiten,
   [class*="sbOrt"] a[target="_blank"] (0-2-1), faerbt sonst jeden Link
   petrol, gemessen am 07.10.2026. 0-3-1 gewinnt unabhaengig von der
   Ladereihenfolge. */
.sb-kibild-nachweis.sb-kibild-nachweis a[href],
.sb-kibild-nachweis.sb-kibild-nachweis a[href]:visited {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.sb-kibild-nachweis.sb-kibild-nachweis a[href]:hover,
.sb-kibild-nachweis.sb-kibild-nachweis a[href]:focus-visible {
    color: var(--sb-gelb, #e5de00);
}

@media (max-width: 767px) {
    .sb-kibild-nachweis {
        left: 6px;
        bottom: 6px;
        max-width: calc(100% - 52px);
        font-size: 10px;
    }
}