/* Custom Mobile Menu Fix - Hamburger Icon */

/* Style the mobile menu bar with proper hamburger icon using CSS */
.mobile_menu_bar:before {
	content: "☰"; /* Unicode hamburger menu symbol */
	font-size: 32px;
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
	line-height: 1;
	display: block;
	font-family: Arial, sans-serif !important;
	font-weight: bold;
}

/* Alternative: if unicode doesn't work, use three horizontal lines */
@supports not (content: "☰") {
	.mobile_menu_bar:before {
		content: "";
		display: block;
		width: 30px;
		height: 24px;
		background: linear-gradient(to bottom, currentColor 0%, currentColor 20%, transparent 20%, transparent 40%, currentColor 40%, currentColor 60%, transparent 60%, transparent 80%, currentColor 80%, currentColor 100%);
		background-size: 100% 4px;
		background-position: 0 0;
		background-repeat: repeat-y;
	}
}

/* Style toggle button */
.et_toggle_slide_menu:after {
	content: "☰" !important;
	font-family: Arial, sans-serif !important;
	font-size: 32px;
	font-weight: bold;
}