/**
 * MARO Badges – Frontend Styles
 * @version 1.1.0
 * Base styles only; padding/font-size/radius/border-width
 * are injected inline from global settings.
 */

/* Wrapper */
.maro-badge-group {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 .5em 0;
	line-height: 1;
}

/* Individual badge */
.maro-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-style: solid;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 1.2;
	vertical-align: middle;
	/* Dimensions set via inline style from global settings */
}

/* High-contrast focus for keyboard navigation */
.maro-badge:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}