/* Font Awesome icons rendered inside WordPress menu links. */
.nirvana-menu-icon {
	display: inline-block;
	flex: 0 0 auto;
	line-height: 1;
	text-align: center;
	vertical-align: 0.06em;
}

/* Font Awesome 7 gives every icon a 1.25em width by default. Horizontal
 * navigation does not need that fixed column, and retaining it makes the
 * visible icon-to-label gap much wider than the old menu plugin. Keep an
 * explicitly requested fa-fw class fixed-width, but otherwise use the
 * glyph's natural width. */
.nirvana-menu-icon:not(.fa-fw) {
	width: auto;
}

.nirvana-menu-icon--before {
	margin-inline-end: 0.28em;
}

.nirvana-menu-icon--after {
	margin-inline-start: 0.28em;
}

/* Legacy icon classes are removed from the <li> by PHP. This guard also
 * prevents one stale cached menu fragment from creating a floating glyph. */
.topNav[pandaTab] > .menu > li[class*=' fa-']::before,
.topNav[pandaTab] > .menu > li[class^='fa-']::before,
.categoryNav[pandaTab] > .menu > li[class*=' fa-']::before,
.categoryNav[pandaTab] > .menu > li[class^='fa-']::before {
	content: none !important;
	display: none !important;
}