/* Mobile header menu — common across all pages */
@media only screen and (max-width: 980px) {
	#main-header .container.et_menu_container {
		padding: 10px 16px !important;
	}

	#main-header #logo {
		width: 130px !important;
		height: auto !important;
		max-height: none !important;
	}

	.et_header_style_left #et-top-navigation,
	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top: 10px !important;
	}

	#et_mobile_nav_menu {
		margin-top: 2px;
	}

	.mobile_menu_bar:before {
		font-size: 28px;
	}

	#main-header .et_mobile_menu {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		padding: 0 !important;
		max-height: calc(100vh - 80px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#main-header .et_mobile_menu li a {
		padding: 14px 20px !important;
		font-size: 16px !important;
		line-height: 1.45 !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
		color: #333 !important;
	}

	#main-header .et_mobile_menu li.current-menu-item > a,
	#main-header .et_mobile_menu li.current_page_item > a {
		color: #2ea3f2 !important;
		font-weight: 600;
	}

	#main-header .et_mobile_menu li a.mb_signup,
	#main-header .et_mobile_menu li a.mb_signin {
		display: block !important;
		margin: 10px 16px !important;
		padding: 12px 16px !important;
		border-radius: 5px;
		text-align: center;
		font-weight: 700;
		border-bottom: none !important;
	}

	#main-header .et_mobile_menu li a.mb_signup {
		margin-bottom: 4px !important;
	}

	#main-header .et_mobile_menu li:has(.mb_signup),
	#main-header .et_mobile_menu li:has(.mb_signin) {
		border-top: 8px solid rgba(0, 0, 0, 0.04);
		padding-top: 4px;
	}
}

@media only screen and (max-width: 479px) {
	#main-header #logo {
		width: 110px !important;
	}
}