/* Menu items with icons */
.menu-item[data-icon] a::before {
	content: attr(data-icon);
	display: inline-block;
	margin-right: 8px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1em;
	vertical-align: middle;
}

/* Menu items with images */
.menu-item.has-menu-image a {
	display: flex;
	align-items: center;
	gap: 8px;
}

.menu-item.has-menu-image img {
	max-width: 30px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.menu-item[data-icon] a::before {
		margin-right: 5px;
		font-size: 0.9em;
	}

	.menu-item.has-menu-image img {
		max-width: 24px;
	}
}