/*
 * Overlay für das EU-KI-Label.
 *
 * Die Größe kommt als --aiclabel-size aus den Plugin-Einstellungen und wird
 * serverseitig als Inline-Style gesetzt.
 */

/* Wrapper um das Bild. Bezugsrahmen ist damit das Bild, nicht die figure –
   eine Bildunterschrift verschiebt das Icon dadurch nicht.

   height und width sind nicht kosmetisch, sondern zwingend: Ohne sie schiebt
   sich der Wrapper als Element ohne eigene Ausdehnung zwischen Bild und
   Container. Ein Bild mit height:100% – wie WordPress es bei Beitragsbildern
   mit Seitenverhältnis ausgibt – löst seine Höhe dann gegen den Wrapper auf
   statt gegen den Container und kollabiert. Gemessen am 31.07.2026:
   Container mit fester Höhe 300x169 -> 300x0, Query-Loop mit aspectRatio
   645x363 -> 645x430. In einem Flex-Container braucht es zusätzlich width,
   sonst schrumpft der Wrapper auf die Inhaltsbreite (300x169 -> 0x169).
   max-width verhindert, dass width:100% aus einem schmaleren Container
   ausbricht. */
.aiclabel-wrap {
	position: relative;
	display: block;
	line-height: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
}

/* Cover-Blöcke: das Bild füllt den Block, der Block ist der Bezugsrahmen. */
.aiclabel-has-label {
	position: relative;
}

.aiclabel-icon {
	position: absolute;
	z-index: 10;
	width: var(--aiclabel-size, 18%);
	height: auto;
	max-width: 60%;
	pointer-events: none;
}

.aiclabel-icon--top-left {
	top: 2.5%;
	left: 2.5%;
}

.aiclabel-icon--top-right {
	top: 2.5%;
	right: 2.5%;
}

.aiclabel-icon--bottom-left {
	bottom: 2.5%;
	left: 2.5%;
}

.aiclabel-icon--bottom-right {
	right: 2.5%;
	bottom: 2.5%;
}

/* Der Inhalt eines Cover-Blocks gehört über das Overlay. */
.aiclabel-has-label > .wp-block-cover__inner-container {
	z-index: 11;
}

/* Ein Pflichthinweis muss auch auf Papier und im PDF stehen bleiben. Browser
   unterdrücken Hintergrundbilder beim Drucken, nicht aber <img>. */
@media print {
	.aiclabel-icon {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* Reduzierte Bewegung ist hier ohne Belang – das Icon ist statisch. Bei
   erzwungenen Farbmodi (Windows-Kontrastmodus) würde ein Bild sonst
   ausgeblendet werden können. */
@media (forced-colors: active) {
	.aiclabel-icon {
		forced-color-adjust: none;
	}
}