/* ==========================================================================
   AI Content Label Overlay
   Zeigt ein AI-Label als ::after-Overlay über Bildern, deren Wrapper-Element
   ein data-source-type Attribut trägt (wird per JS vom <img> übernommen,
   da <img> selbst keine Pseudoelemente rendern kann).

   Data-Source-Type Zuordnung zu SVG-Gruppen:
     basicAI                                -> LABEL_AI_*.svg
     trainedAlgorithmicMedia   (ai generated)-> LABEL_AI_GENERATED_*.svg
     compositeWithTrainedAlgorithmicMedia (ai modified) -> LABEL_AI_MODIFIED_*.svg

   Farbvarianten (Standard = black):
     .white        -> weiße Variante
     .transparent  -> transparente Variante (black_transparent)
     .white.transparent -> weiße transparente Variante (white_transparent)
   ========================================================================== */

:root {
    /* basicAI */
    --ai-label-basic-black: url("../images/LABEL_AI_black.svg");
    --ai-label-basic-white: url("../images/LABEL_AI_white.svg");
    --ai-label-basic-black-transparent: url("../images/LABEL_AI_black_transparent.svg");
    --ai-label-basic-white-transparent: url("../images/LABEL_AI_white_transparent.svg");

    /* trainedAlgorithmicMedia = "ai generated" */
    --ai-label-generated-black: url("../images/LABEL_AI_GENERATED_black.svg");
    --ai-label-generated-white: url("../images/LABEL_AI_GENERATED_white.svg");
    --ai-label-generated-black-transparent: url("../images/LABEL_AI_GENERATED_black_transparent.svg");
    --ai-label-generated-white-transparent: url("../images/LABEL_AI_GENERATED_white_transparent.svg");

    /* compositeWithTrainedAlgorithmicMedia = "ai modified" */
    /* Achtung: Datei heißt aktuell "LABEL_AI_MOFIFIED_black.svg" (Tippfehler im Dateinamen).
       Falls die Datei umbenannt wird, hier den Pfad anpassen. */
    --ai-label-modified-black: url("../images/LABEL_AI_MOFIFIED_black.svg");
    --ai-label-modified-white: url("../images/LABEL_AI_MODIFIED_white.svg");
    --ai-label-modified-black-transparent: url("../images/LABEL_AI_MODIFIED_black_transparent.svg");
    --ai-label-modified-white-transparent: url("../images/LABEL_AI_MODIFIED_white_transparent.svg");

    --ai-label-size: 32px;
    --ai-label-offset: 5px;
}

/* Wrapper-Grundlagen: muss Positionierungskontext bieten */
.ai-label-wrap {
    position: relative;
}

.ai-label-wrap::after {
    content: "";
    position: absolute;
    right: var(--ai-label-offset);
    bottom: var(--ai-label-offset);
    width: var(--ai-label-size);
    height: var(--ai-label-size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

/* --- basicAI: Standard black --- */
.ai-label-wrap[data-source-type="basicAI"]::after {
    background-image: var(--ai-label-basic-black);
}

.white .ai-label-wrap[data-source-type="basicAI"]::after {
    background-image: var(--ai-label-basic-white);
}

.transparent .ai-label-wrap[data-source-type="basicAI"]::after {
    background-image: var(--ai-label-basic-black-transparent);
}

.white.transparent .ai-label-wrap[data-source-type="basicAI"]::after {
    background-image: var(--ai-label-basic-white-transparent);
}

/* --- trainedAlgorithmicMedia: "ai generated" --- */
.ai-label-wrap[data-source-type="trainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-generated-black);
    width: 110px;
    height: 40px;
}

.white .ai-label-wrap[data-source-type="trainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-generated-white);
}

.transparent .ai-label-wrap[data-source-type="trainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-generated-black-transparent);
}

.white.transparent .ai-label-wrap[data-source-type="trainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-generated-white-transparent);
}

/* --- compositeWithTrainedAlgorithmicMedia: "ai modified" --- */
.ai-label-wrap[data-source-type="compositeWithTrainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-modified-black);
    width: 110px;
    height: 40px;
}

.white .ai-label-wrap[data-source-type="compositeWithTrainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-modified-white);
}

.transparent .ai-label-wrap[data-source-type="compositeWithTrainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-modified-black-transparent);
}

.white.transparent .ai-label-wrap[data-source-type="compositeWithTrainedAlgorithmicMedia"]::after {
    background-image: var(--ai-label-modified-white-transparent);
}

.uk-slideshow .ai-label-wrap{
    position: static;
}