/**
 * STEM Live em sp_specs.res / sp_specs.sup — badges estilo coluna Forma (SportsPress).
 * Escopo: apenas .asas-esj-stem-badges (não afecta coluna Forma nativa do SP).
 *
 * @package ASAS_ESJ
 */

.sp-form-events.asas-esj-stem-badges {
	display: inline-flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 2px;
	text-align: center;
	vertical-align: middle;
}

.sp-form-events.asas-esj-stem-badges .sp-form-event-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	aspect-ratio: 1 / 1;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	width: 1.5em;
	height: 1.5em;
	min-width: 1.5em;
	max-width: 1.5em;
	margin: 0;
	padding: 0;
	border-radius: 2px;
	color: #fff !important;
	font-weight: normal;
	font-size: inherit;
	overflow: hidden;
}

.sp-form-events.asas-esj-stem-badges .sp-form-event-link:hover,
.sp-form-events.asas-esj-stem-badges .sp-form-event-link:focus-visible {
	color: #fff !important;
	opacity: 0.92;
}

td.data-spec .sp-form-events.asas-esj-stem-badges,
.sp_event_spec .sp-form-events.asas-esj-stem-badges,
.sportspress .sp-form-events.asas-esj-stem-badges {
	margin-left: auto;
	margin-right: auto;
}

/* Legacy: imagens .webp STEM — só dentro de badges ESJ, nunca img global do tema */
.sp-form-events.asas-esj-stem-badges img.aligncenter[src*=".webp"],
.sp_event_spec .asas-esj-stem-badges img.aligncenter[src*=".webp"],
td.data-spec .asas-esj-stem-badges img.aligncenter[src*=".webp"] {
	box-sizing: border-box;
	display: block;
	width: 90px;
	max-width: 100%;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
}