/**
 * Wave-hamburger mobile menu styling, abstracted from the Oxygen rules
 * originally scoped to `#_header_right-7-35`.
 *
 * Apply by adding class `lvl-wave-nav` to any Oxygen header-right element.
 * The hero header (#_header_right-7-35) already gets these styles via Oxygen's
 * own stylesheet (ID specificity wins); this file makes the same look
 * available on the sticky/light header (#_header_right-199-19).
 *
 * `!important` is used because Oxygen also scopes per-nav-menu-ID rules
 * (`#_nav_menu-8-35 ...`) at higher specificity than any class chain we can
 * write here. The original hero only wins because its outer `#_header_right-7-35`
 * selector adds another ID — we keep abstraction by overriding via importance.
 */

.lvl-wave-nav nav.oxy-nav-menu.oxy-nav-menu-open {
	background-image: url(/wp-content/uploads/2022/07/BG_MenueMobil.png) !important;
	background-size: cover !important;
	background-color: #1d3465 !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
}

.lvl-wave-nav nav.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child {
	position: relative;
	top: 15px !important;
}

.lvl-wave-nav nav.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line {
	height: 3px !important;
}

@media (max-width: 767px) {
	.lvl-wave-nav nav:not(.oxy-nav-menu-open) .oxy-nav-menu-hamburger-line {
		background-image: url(/wp-content/uploads/2022/07/wellemenu-1.svg) !important;
		width: 34px !important;
		height: 6px !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-color: transparent !important;
		border-radius: 0 !important;
		margin-bottom: 4px !important;
	}

	.lvl-wave-nav nav .oxy-nav-menu-hamburger {
		height: 30px !important;
		width: 34px !important;
	}

	.lvl-wave-nav nav.oxy-nav-menu.oxy-nav-menu-open .menu-item a {
		font-size: 30px !important;
	}
}

@media (max-width: 479px) {
	.lvl-wave-nav nav.oxy-nav-menu-hamburger-wrap {
		width: 30px !important;
		height: 34px !important;
	}

	.lvl-wave-nav {
		position: absolute;
		right: 0;
	}
}