/*!
 * Steady Supporters — default frontend styles
 *
 * Minimal, theme-friendly defaults. Override in your theme by enqueuing
 * a stylesheet with a higher priority, or replace the markup entirely
 * via a `steady-supporters/list.php` template override.
 */

.steady-supporters {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.steady-supporters--empty {
	font-style: italic;
	opacity: 0.75;
}

.steady-supporters__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.35em 0.75em;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.95em;
	line-height: 1.3;
}

.steady-supporters__name {
	font-weight: 600;
}

.steady-supporters__plan {
	font-size: 0.85em;
	opacity: 0.75;
	padding: 0.1em 0.5em;
	border: 1px solid currentColor;
	border-radius: 999px;
}

/*
 * Minimal style variant — registered via block.json `styles` and also
 * available to the shortcode via `[steady_supporters style="minimal"]`.
 * Drops borders and pill shapes for a flat, text-first look.
 */
.steady-supporters.is-style-minimal {
	gap: 0.25em 1em;
}

.steady-supporters.is-style-minimal .steady-supporters__item {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.steady-supporters.is-style-minimal .steady-supporters__plan {
	border: 0;
	padding: 0;
}

/*
 * Inline style variant — comma-separated list of names with no badges,
 * no bold, no decoration. The renderer outputs a single `<p>` for this
 * style, so the bullet/flex rules from `.steady-supporters` don't apply.
 */
.steady-supporters.is-style-inline,
.steady-supporters--inline {
	display: block;
	font-weight: normal;
	list-style: none;
	padding: 0;
}