/*
 * AI-labelled image badge (since 1.83).
 *
 * Small overlay icon shown in a corner of a gallery image when the image
 * is marked as AI-generated. Matches the Allegro pattern: white circle
 * background + drop shadow so the icon is legible over any photo.
 *
 * Loaded only when a gallery on the page actually has an AI-labelled image
 * AND the settings icon style is not 'off' (see enqueue in the shortcode
 * and WC gallery renderers).
 *
 * @package DSG
 */

/*
 * Position is set inline via style="left:X%; top:Y%; transform:translate(-X%,-Y%)"
 * so this file no longer carries the corner variants — X/Y is user-configurable
 * from 0 to 100 in the settings (3×3 preset grid + free-form % inputs, since 1.84).
 */
.dsg-ai-badge {
	position: absolute;
	z-index: 5;
	width:  var(--dsg-ai-badge-size, 32px);
	height: var(--dsg-ai-badge-size, 32px);
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none; /* don't intercept clicks on the underlying image / link */
	overflow: hidden;
	/* Fallback position if inline style is missing (should never happen — renderer always emits it). */
	top: 0;
	left: 100%;
	transform: translate(-100%, 0);
}

.dsg-ai-badge img {
	display: block;
	max-width:  70%;
	max-height: 70%;
	width: auto;
	height: auto;
	object-fit: contain;
}