/*
 * gs-badge.css — Teilnehmer-Bubble für Gewinnspiele ([gw_teilnehmer_badge]).
 *
 * Aus dem Child-Theme (assets/css/mb-theme-standards.css, QA-Stand) ins Plugin
 * übernommen (Phase-3-Entkopplung 2026-07-08). QA/Design-Kanon: Orange #E36A34
 * (Favorit-Ton), b-Gewicht 600 (war 800), .gw-word 600/11px — die 11px sind
 * eine dokumentierte §9.2-Ausnahme (kompaktes 30px-Count-Badge; 14px würde die
 * Bubble sprengen). --fav / --r-pill kommen zentral aus dem Theme-Token-Block,
 * mit Kanon-Fallbacks hier, falls die Variablen fehlen.
 */

/* Foto-Container = Positionsanker */
.gw-card-photo { position: relative; }

/* Shortcode-Widget aus dem Fluss nehmen (Klasse gw-badge am Widget) */
.gw-card-photo .gw-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	width: auto;
	margin: 0;
}

/* Das Badge selbst */
.gw-teilnehmer {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 30px;
	min-width: 30px;
	padding: 0 12px 0 9px;
	border-radius: var(--r-pill, 999px);
	background: var(--fav, #E36A34);
	color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
	pointer-events: none;
}

.gw-teilnehmer svg { width: 14px; height: 14px; flex: none; }

.gw-teilnehmer b {
	font: 600 14px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: -.01em;
}

/* §9.2-Ausnahme: 11px im kompakten 30px-Badge (bewusst, s. Datei-Kopf). */
.gw-teilnehmer .gw-word {
	font: 600 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	white-space: nowrap;
	opacity: .94;
}

/* SW-Filter NUR aufs Bild, nie auf den Container — sonst wird das orange Badge
   mit entfärbt. */
.gw-card-photo img { filter: grayscale(1) contrast(1.04); }