/**
 * @file
 * AI badge labels for .ai-generated / .ai-edited / .ai-mini (+ -50 / -100).
 *
 * Unsuffixed classes = 75% white badge background (default).
 * -50 / -100 = 50% / 100% background opacity. Text stays fully opaque.
 */

.ai-badge-parent {

}

.ai-badge-parent.tile span{
  position: static;
}

span.ai-generated,
span.ai-generated-50,
span.ai-generated-100,
span.ai-edited,
span.ai-edited-50,
span.ai-edited-100,
span.ai-mini,
span.ai-mini-50,
span.ai-mini-100 {
  position: relative;
  display: block;

  width: 100% !important;
  height: 100% !important;  
}

#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-generated,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-generated-50,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-generated-100,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-edited,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-edited-50,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-edited-100,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-mini,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-mini-50,
#block-bsh2025-views-block-header-slideshow-video-block-1 span.ai-mini-100,
#block-bsh2025-headerstartseite012026-v02 span.ai-generated,
#block-bsh2025-headerstartseite012026-v02 span.ai-generated-50,
#block-bsh2025-headerstartseite012026-v02 span.ai-generated-100,
#block-bsh2025-headerstartseite012026-v02 span.ai-edited,
#block-bsh2025-headerstartseite012026-v02 span.ai-edited-50,
#block-bsh2025-headerstartseite012026-v02 span.ai-edited-100,
#block-bsh2025-headerstartseite012026-v02 span.ai-mini,
#block-bsh2025-headerstartseite012026-v02 span.ai-mini-50,
#block-bsh2025-headerstartseite012026-v02 span.ai-mini-100 {
  position: absolute;
}

span.ai-generated > img,
span.ai-generated-50 > img,
span.ai-generated-100 > img,
span.ai-edited > img,
span.ai-edited-50 > img,
span.ai-edited-100 > img,
span.ai-mini > img,
span.ai-mini-50 > img,
span.ai-mini-100 > img,
span.ai-generated > video,
span.ai-generated-50 > video,
span.ai-generated-100 > video,
span.ai-edited > video,
span.ai-edited-50 > video,
span.ai-edited-100 > video,
span.ai-mini > video,
span.ai-mini-50 > video,
span.ai-mini-100 > video {
  display: block;
  max-width: 100%;
  height: auto;
}

span.ai-generated::after,
span.ai-generated-50::after,
span.ai-generated-100::after,
span.ai-edited::after,
span.ai-edited-50::after,
span.ai-edited-100::after,
span.ai-mini::after,
span.ai-mini-50::after,
span.ai-mini-100::after {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 12;
  pointer-events: none;
  padding: 0.25em 0.75em;
  background-color: rgba(255, 255, 255, 0.75);
  color: #1D0000;
  font-size: max(16px, 0.75em);
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  border-radius: 15px;
}

span.ai-generated::after,
span.ai-generated-50::after,
span.ai-generated-100::after {
  content: "KI-generiert";
}

span.ai-edited::after,
span.ai-edited-50::after,
span.ai-edited-100::after {
  content: "KI-bearbeitet";
}

span.ai-mini::after,
span.ai-mini-50::after,
span.ai-mini-100::after {
  content: "KI";
}

span.ai-generated-50::after,
span.ai-edited-50::after,
span.ai-mini-50::after {
  background-color: rgba(255, 255, 255, 0.5);
}

span.ai-generated-100::after,
span.ai-edited-100::after,
span.ai-mini-100::after {
  background-color: rgba(255, 255, 255, 1);
}

div.field--type-image-ai,
div.field--type-file-ai {
  font-size: 0;
}