/* Niki Core — SVG icon integration */

/* Base SVG icon engine: renderer sets --niki-icon-size / --niki-icon-color. */
.niki-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	font-size: var(--niki-icon-size, 20px);
	line-height: 1;
	color: var(--niki-icon-color, currentColor);
	flex: 0 0 auto;
}

.niki-icon svg {
	display: block;
	width: 1em;
	height: 1em;
}

.niki-button,
.niki-component-menu-list a,
.niki-list-component li,
.niki-list li {
	display: inline-flex;
	align-items: center;
	gap: .5em;
}

.niki-list-component,
.niki-list {
	list-style-position: outside;
}

.niki-list-component.is-check,
.niki-list-check {
	list-style: none;
	padding-left: 0;
}

.niki-list-component.is-check li,
.niki-list-check li {
	display: flex;
	align-items: flex-start;
}

.niki-list-check-icon {
	flex: 0 0 auto;
	margin-top: .15em;
}

.niki-menu-item-icon {
	display: inline-flex;
	flex: 0 0 auto;
	vertical-align: middle;
}

.niki-menu-item-icon.is-top {
	display: flex;
	margin: 0 auto .35em;
}

.niki-component-menu-list a:has(.niki-menu-item-icon.is-top) {
	flex-direction: column;
	align-items: center;
}