/**
 * "Display Inline" layout for the Categories List block (core/categories).
 *
 * Enqueued on both the front end and inside the block editor (as an
 * editor style), so the "Display inline" toggle previews accurately.
 *
 * The class lands directly on the block's <ul> on the front end (see the
 * render_block_core/categories filter in functions.php) and on that same
 * <ul> in the editor canvas, since useBlockProps merges it onto the
 * block's own root element there too — one selector covers both.
 */
.wp-block-categories-list.is-inline-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 1.75em;
	row-gap: 0.5em;
	list-style: none;
	padding: 0;
	margin: 0;
}

.wp-block-categories-list.is-inline-categories li {
	margin: 0;
}

.wp-block-categories-list.is-inline-categories a {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 0.875em;
}

.wp-block-categories-list.is-inline-categories a:hover {
	text-decoration: underline;
}