/* EU AI Act Label - Frontend-Darstellung */

.eu-ai-label-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	line-height: 0;
}

/*
 * Das Badge ist bewusst ein <span> mit background-image statt <img>
 * (siehe Kommentar in build_badge_html() in eu-ai-act-label.php) und
 * braucht deshalb aspect-ratio + background-size, um korrekt dargestellt
 * zu werden - ein <span> hat sonst keine eigene intrinsische Groesse.
 */
.eu-ai-label-badge {
	position: absolute;
	right: 4%;
	bottom: 4%;
	display: block;
	width: 14%;
	min-width: 32px;
	max-width: 110px;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	pointer-events: none;
	z-index: 9999;
}