/**
 * Custom Menu Styles
 *
 * Styles for custom menu fields in frontend
 */

/* Menu Item with Icon */
.main-navigation .menu-item i {
	margin-right: 8px;
	vertical-align: middle;
}

/* Menu Item Image */
.main-navigation .menu-item-image {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

.main-navigation .menu-item-image img {
	width: 20px;
	height: 20px;
	object-fit: cover;
	border-radius: 3px;
	vertical-align: middle;
}

/* Menu Item Badge */
.main-navigation .menu-item-badge {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	background-color: var(--rezivoo-primary-color, #0073aa);
	color: #fff;
	border-radius: 12px;
	vertical-align: middle;
}

/* Menu Item Description */
.main-navigation .menu-item-description {
	display: block;
	font-size: 0.875rem;
	color: #666;
	margin-top: 4px;
	line-height: 1.4;
}

/* Submenu items */
.main-navigation .sub-menu .menu-item-description {
	font-size: 0.8125rem;
}

/* Responsive */
@media (max-width: 768px) {
	.main-navigation .menu-item-image img {
		width: 18px;
		height: 18px;
	}

	.main-navigation .menu-item-badge {
		font-size: 0.6875rem;
		padding: 1px 6px;
	}
}