/* Gemonio Produkt-Etiketten – reines CSS, Farben pro Etikett über --gl-bg / --gl-fg. */
.gemonio-has-label,
.gemonio-labels-host,
.gemonio-has-label .woocommerce-product-gallery__image { position: relative; }
.gemonio-labels-host { display: block; }

.gemonio-labels {
	position: absolute; inset: 0; z-index: 5;
	pointer-events: none; overflow: visible;
	font-size: var(--gl-font-size, 12px); line-height: 1.2;
}
.gemonio-label { position: absolute; top: 0; display: block; }
.gemonio-label--left { left: 0; }
.gemonio-label--right { right: 0; }
.gemonio-label__text {
	display: block; box-sizing: border-box;
	background: var(--gl-bg, #66774b); color: var(--gl-fg, #fff);
	font-weight: 700; letter-spacing: .02em; text-align: center; white-space: nowrap;
}

/* Band diagonal: die Ecke schneidet das gedrehte Band ab. */
.gemonio-label--band { width: 8.5em; height: 8.5em; overflow: hidden; }
.gemonio-label--band .gemonio-label__text {
	position: absolute; top: 1.85em; width: 12em; padding: .45em 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
.gemonio-label--band.gemonio-label--right .gemonio-label__text { right: -3.15em; transform: rotate(45deg); }
.gemonio-label--band.gemonio-label--left .gemonio-label__text { left: -3.15em; transform: rotate(-45deg); }

/* Plakette: abgerundet, etwas vom Rand abgesetzt. */
.gemonio-label--badge { top: .75em; }
.gemonio-label--badge.gemonio-label--left { left: .75em; }
.gemonio-label--badge.gemonio-label--right { right: .75em; }
.gemonio-label--badge .gemonio-label__text { padding: .45em .9em; border-radius: 999px; }

/* Fahne: bündig am Rand. */
.gemonio-label--tag { top: 1em; }
.gemonio-label--tag .gemonio-label__text { padding: .4em .8em; }

/* Inline (Shortcode): im Textfluss statt über dem Bild. */
.gemonio-labels--inline { position: static; display: inline-flex; gap: .4em; flex-wrap: wrap; vertical-align: middle; }
.gemonio-labels--inline .gemonio-label { position: static; top: auto; }
.gemonio-labels--inline .gemonio-label__text { border-radius: 2px; padding: .3em .7em; }
.gemonio-labels--inline .gemonio-label--badge .gemonio-label__text { border-radius: 999px; }

/* Produktseite: etwas grösser. */
.gemonio-labels--single { font-size: var(--gl-font-size-single, 14px); }

@media (forced-colors: active) {
	.gemonio-label__text { border: 1px solid CanvasText; }
}
@media print {
	.gemonio-labels { display: none; }
}