/**
 * Drop AI Image Badge Pro – überschreibt die festen Werte der Free-Version
 * mit den Pro-Einstellungen (CSS-Variablen) und ergänzt die vertikale Ausrichtung.
 */

.daib-badge {
	max-inline-size: calc(100% - 2 * var(--daib-offset, 0.6em));
	padding: var(--daib-pad-v, 0.35em) var(--daib-pad-h, 0.6em);
	border-radius: var(--daib-radius, 3px);
	-webkit-backdrop-filter: blur(var(--daib-blur, 4px));
	backdrop-filter: blur(var(--daib-blur, 4px));
	font-family: var(--daib-font, inherit);
	font-weight: var(--daib-weight, 500);
	/* Fallback ohne Container Queries */
	font-size: var(--daib-fs-max, 14px);
	font-size: clamp(var(--daib-fs-min, 10px), calc(var(--daib-fs-scale, 2.2) * 1cqw), var(--daib-fs-max, 14px));
	letter-spacing: var(--daib-ls, 0);
	text-transform: var(--daib-transform, none);
}

/* Positionen mit einstellbarem Randabstand */
.daib-pos-top-left {
	top: var(--daib-offset, 0.6em);
	left: var(--daib-offset, 0.6em);
}

.daib-pos-top-right {
	top: var(--daib-offset, 0.6em);
	right: var(--daib-offset, 0.6em);
}

.daib-pos-bottom-left {
	bottom: var(--daib-offset, 0.6em);
	left: var(--daib-offset, 0.6em);
}

.daib-pos-bottom-right {
	right: var(--daib-offset, 0.6em);
	bottom: var(--daib-offset, 0.6em);
}

/* Vertikal: Größe richtet sich nach der Bildhöhe */
.daib-dir-vertical-up,
.daib-dir-vertical-down {
	writing-mode: vertical-rl;
	font-size: clamp(var(--daib-fs-min, 10px), calc(var(--daib-fs-scale, 2.2) * 1cqh), var(--daib-fs-max, 14px));
}

.daib-dir-vertical-up {
	transform: rotate(180deg);
}