/* Wrap ums Bild — Theme-Margins am img bleiben */
.aip-ki-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

/* Native Wrapper (figure/theme-container) dürfen nicht auf inline-block schrumpfen. */
figure.aip-ki-wrap,
.wp-block-image.aip-ki-wrap,
.gb-block-image.aip-ki-wrap,
.gb-image.aip-ki-wrap,
.wp-caption.aip-ki-wrap,
.elementor-widget-image.aip-ki-wrap,
.wp-block-post-featured-image.aip-ki-wrap,
.post-thumbnail.aip-ki-wrap,
.featured-image.aip-ki-wrap,
.post-image.aip-ki-wrap,
.entry-image.aip-ki-wrap {
	display: block !important;
	width: auto;
}

.aip-ki-wrap > a {
	display: block;
}

.aip-ki-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*
 * Position top/left/right/bottom OHNE !important —
 * JS setzt die finale Lage an der Bild-Box (getBoundingClientRect).
 */
.aip-ki-badge {
	position: absolute !important;
	right: 6px;
	bottom: 6px;
	left: auto;
	top: auto;
	z-index: 50 !important;
	display: inline-block !important;
	margin: 0 !important;
	padding: 2px 5px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.02em;
	color: #fff !important;
	background: rgba(0, 0, 0, 0.16) !important;
	border: 0 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	pointer-events: none !important;
	user-select: none;
	white-space: nowrap;
}

/* WooCommerce: Galerie & Shop-Loop volle Bildbreite */
.woocommerce-product-gallery__image .aip-ki-wrap,
.woocommerce ul.products .aip-ki-wrap,
ul.products li.product .aip-ki-wrap {
	display: block !important;
	width: 100% !important;
	max-width: 100%;
}

.woocommerce-product-gallery__image {
	position: relative;
}

/* Elementor: Bild-Widget volle Breite beibehalten */
.elementor-widget-image .aip-ki-wrap {
	display: block !important;
	width: 100% !important;
	max-width: 100%;
}

/* GenerateBlocks: Image-Block */
.gb-block-image .aip-ki-wrap,
[class*="gb-block-image"] .aip-ki-wrap {
	display: block !important;
	max-width: 100%;
}

/* Elementor / GenerateBlocks: Hintergrundbild-Overlay-Badge über Pseudo-BGs */
.aip-ki-badge--bg {
	z-index: 10 !important;
	/* BG-Badges: CSS bottom/right reicht (kein img-Margin) */
	right: 6px !important;
	bottom: 6px !important;
	top: auto !important;
	left: auto !important;
}