/**
 * Webers Tools – KI-Kennzeichnung Badge Styles (Art. 50 AI Act)
 * --------------------------------------------------------------
 * Gemeinsame Basis-Styles für alle Badge-Typen, danach kontextspezifische
 * Anpassungen je Ausgabeort.
 */

/* ------------------------------------------------------------------
   Basis-Badge (gilt für alle Varianten)
   ------------------------------------------------------------------ */
.wt-ai-badge {
    background: rgba(255, 0, 0, 0.65);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #FFF;
    font-size: 14px;
    line-height: 1.55;
    font-family: sans-serif;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    pointer-events: none;
    z-index: 100;
    display: inline-block;
}

/* ------------------------------------------------------------------
   Bild-Badge (.wt-ai-img-badge)
   Wird per JS als Sibling direkt nach dem <img> eingefügt.
   Benötigt einen positionierten Elterncontainer – Enfold setzt
   diesen bei .slide-image, .lightbox-added a etc. meist bereits.
   ------------------------------------------------------------------ */
.wt-ai-img-badge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}

/* ------------------------------------------------------------------
   Video-Badge (.wt-ai-video-badge)
   Sitzt im .avia-video Container der bereits position:relative hat
   (padding-bottom Trick für responsive Ratio).
   bottom: 40px um über der mejs-Steuerleiste zu bleiben,
   z-index: 500 über mejs-Controls und Play-Overlay.
   ------------------------------------------------------------------ */
.avia-video {
    position: relative; /* Sicherheitshalber, Enfold setzt es i.d.R. schon */
}

.wt-ai-video-badge {
    position: absolute;
    bottom: 40px;
    right: 10px;
    z-index: 500;
    opacity: 1;
}

/* ------------------------------------------------------------------
   Section-Badge (.wt-ai-section-badge)
   .avia-section hat nicht immer position:relative – :has() setzt es
   gezielt nur wenn ein Badge vorhanden ist.
   top statt bottom, da bei Parallax/min-height-Sections der sichtbare
   Bereich beim Einschreiben in den Viewport oben beginnt.
   ------------------------------------------------------------------ */
.avia-section:has(.wt-ai-section-badge) {
    position: relative;
}

.wt-ai-section-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

/* ------------------------------------------------------------------
   Flex Cell-Badge (.wt-ai-cell-badge)
   .flex_cell hat bereits position:relative durch das Grid-Layout.
   ------------------------------------------------------------------ */
.wt-ai-cell-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

/* ------------------------------------------------------------------
   Column-Badge (.wt-ai-column-badge)
   .flex_column hat nicht immer position:relative – :has() analog
   zur Section-Lösung.
   ------------------------------------------------------------------ */
.flex_column:has(.wt-ai-column-badge) {
    position: relative;
}

.wt-ai-column-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}