/* Navbar icons for Streamit (Menu Item CSS Classes like menu-icon-home).
 *
 * These selectors are intentionally a bit broad so they still work if the theme
 * switches header layouts / wrappers. They only activate when you explicitly add
 * a menu-icon-* class on a menu item.
 */

#site-navigation .menu-title,
#site-navigation .css_prefix-menu-item-text.has-icon,
.menu-title {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

#site-navigation li[class^="menu-icon-"] > a .menu-title::before,
#site-navigation li[class*=" menu-icon-"] > a .menu-title::before,
li[class^="menu-icon-"] > a .menu-title::before,
li[class*=" menu-icon-"] > a .menu-title::before {
	display: inline-block;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	margin-inline-end: 0.5rem;
	color: currentColor;
}

#site-navigation .streamit-menu-icon img,
.streamit-menu-icon img {
	width: 1.125em;
	height: 1.125em;
	object-fit: contain;
	filter: brightness(0) invert(1);
	transition: filter 0.2s ease, opacity 0.2s ease;
}

#site-navigation .streamit-menu-icon svg,
.streamit-menu-icon svg {
	width: 1.125em;
	height: 1.125em;
	fill: currentColor;
	color: #ffffff;
}

#site-navigation li.menu-icon-home > a .menu-title::before,
li.menu-icon-home > a .menu-title::before {
	content: "\f015";
}
#site-navigation li.menu-icon-movie > a .menu-title::before,
#site-navigation li.menu-icon-movies > a .menu-title::before,
li.menu-icon-movie > a .menu-title::before,
li.menu-icon-movies > a .menu-title::before {
	content: "\f008";
}
#site-navigation li.menu-icon-series > a .menu-title::before,
#site-navigation li.menu-icon-tvshow > a .menu-title::before,
#site-navigation li.menu-icon-tvshows > a .menu-title::before,
li.menu-icon-series > a .menu-title::before,
li.menu-icon-tvshow > a .menu-title::before,
li.menu-icon-tvshows > a .menu-title::before {
	content: "\f26c";
}
#site-navigation li.menu-icon-search > a .menu-title::before,
li.menu-icon-search > a .menu-title::before {
	content: "\f002";
}
#site-navigation li.menu-icon-user > a .menu-title::before,
#site-navigation li.menu-icon-profile > a .menu-title::before,
#site-navigation li.menu-icon-account > a .menu-title::before,
li.menu-icon-user > a .menu-title::before,
li.menu-icon-profile > a .menu-title::before,
li.menu-icon-account > a .menu-title::before {
	content: "\f007";
}