header {
	position: sticky;
	top: 0;
	z-index: 10000;
}

/* Reset breakpoint for navigation block 
* THIS IS WHERE YOU CHANGE THE BREAKPOINT
*/
@media screen and (min-width: 600px) and (max-width: 900px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	header .wp-block-navigation {
		justify-content: flex-end;
	}
}

/* // Nav styles */
header .wp-block-navigation {

	@media screen and (max-width: 599px) {
		justify-content: flex-end;
	}

	& .wp-block-navigation__responsive-container-open {
		padding-bottom: var(--wp--custom--navigation--modal--spacing--padding--vertical);
		padding-top: 	var(--wp--custom--navigation--modal--spacing--padding--vertical);
	}
}

/**
 * Top-level menu item
 */
ul.wp-block-navigation > .wp-block-navigation-item {

	/* Global */
	header .wp-block-navigation .wp-block-navigation__responsive-container & {

		& > :where(button, a) {
			text-transform: var(--wp--custom--navigation--elements--menu--typography--text-transform);
			font-size: var(--wp--custom--navigation--elements--menu--typography--font-size);
			font-weight: var(--wp--custom--navigation--elements--menu--typography--font-weight);
			/* color: var(--wp--custom--navigation--elements--menu--color--text); */
	
			& + .wp-block-navigation__submenu-icon {
				color: var(--wp--custom--navigation--elements--menu--color--text);
			}
	
			/* // Submenu expanded */
			&:where( [aria-expanded=true], :focus, :active ) {
				background-color: var(--wp--custom--navigation--elements--menu--active--color--background);
	
				&, & + .wp-block-navigation__submenu-icon {
					--wp--custom--navigation--elements--menu--color--text: var(--wp--custom--navigation--elements--menu--active--color--text);
				}
			}
		}
		
		& > a {
			padding: 
				var(--wp--custom--navigation--elements--menu--spacing--padding--vertical) 
				var(--wp--custom--navigation--elements--menu--spacing--padding--horizontal) 
			;
		}
		& > button.wp-block-navigation-submenu__toggle {
			padding: 
				var(--wp--custom--navigation--elements--menu--spacing--padding--vertical) 
				calc( var(--wp--custom--navigation--elements--menu--spacing--padding--horizontal) + var(--wp--custom--navigation--elements--dropdown-icon--size) + var(--wp--custom--navigation--elements--dropdown-icon--spacing--block-gap) ) 
				var(--wp--custom--navigation--elements--menu--spacing--padding--vertical) 
				var(--wp--custom--navigation--elements--menu--spacing--padding--horizontal)
			;
		}
	}

	/* Desktop */
	header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open, .has-modal-open) & {
		.wp-block-navigation-submenu {
			border-bottom-left-radius: 15px;
			border-bottom-right-radius: 15px;
		}
	}

	/* Modal */
	header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.has-modal-open & {

		& > button.wp-block-navigation-submenu__toggle {
			padding: 1rem;
		}

		& > button.wp-block-navigation-submenu__toggle,
		& > a.wp-block-navigation-item__content {
			font-size: 1.25rem;
			padding: 1.25rem;
		}
	}
}

/* Styles for both desktop and modal */
header .wp-block-navigation .wp-block-navigation__responsive-container {

	/* Styles for desktop */
	&:not(.is-menu-open, .has-modal-open) {
		.wp-block-site-logo {
			display: none;
		}
	}

	/* Styles for modal */
	&.is-menu-open.has-modal-open {
		/* // General */
		--wp--custom--navigation--spacing--link-gap: 										var(--wp--custom--navigation--modal--spacing--link-gap);
		--wp--custom--navigation--spacing--block-gap: 										var(--wp--custom--navigation--modal--spacing--block-gap);
		--wp--custom--navigation--separator--width: 										var(--wp--custom--navigation--modal--separator--width);
		--wp--custom--navigation--separator--color: 										var(--wp--custom--navigation--modal--separator--color);
		--wp--custom--navigation--separator--block-gap: 									var(--wp--custom--navigation--modal--separator--block-gap);
		/* // Menu */
		--wp--custom--navigation--elements--menu--spacing--padding--vertical: 				var(--wp--custom--navigation--modal--elements--menu--spacing--padding--vertical);
		--wp--custom--navigation--elements--menu--spacing--padding--horizontal: 			var(--wp--custom--navigation--modal--elements--menu--spacing--padding--horizontal);
		--wp--custom--navigation--elements--menu--typography--font-size: 					var(--wp--custom--navigation--modal--elements--menu--typography--font-size);
		--wp--custom--navigation--elements--menu--typography--font-weight: 					var(--wp--custom--navigation--modal--elements--menu--typography--font-weight);
		--wp--custom--navigation--elements--menu--spacing--padding--vertical: 				var(--wp--custom--navigation--modal--elements--menu--spacing--padding--vertical);
	
		--wp--custom--navigation--elements--menu--color--text: 								var(--wp--custom--navigation--modal--elements--menu--color--text);
		--wp--custom--navigation--elements--menu--active--color--background: 				var(--wp--custom--navigation--modal--elements--menu--active--color--background);
		--wp--custom--navigation--elements--menu--active--color--text: 						var(--wp--custom--navigation--modal--elements--menu--active--color--text);
	
		/* // Dropdown icon */
		--wp--custom--navigation--elements--dropdown-icon--size: 							var(--wp--custom--navigation--modal--elements--dropdown-icon--size);
		--wp--custom--navigation--elements--dropdown-icon--spacing--padding--vertical: 		var(--wp--custom--navigation--modal--elements--dropdown-icon--spacing--padding--vertical);
		--wp--custom--navigation--elements--dropdown-icon--spacing--padding--horizontal: 	var(--wp--custom--navigation--modal--elements--dropdown-icon--spacing--padding--horizontal);
		--wp--custom--navigation--elements--dropdown-icon--spacing--padding--block-gap: 	var(--wp--custom--navigation--modal--elements--dropdown-icon--spacing--padding--block-gap);
	
		/* // Link */
		--wp--custom--navigation--elements--link--typography--font-size: 					var(--wp--custom--navigation--modal--elements--link--typography--font-size);
		--wp--custom--navigation--elements--link--typography--font-weight: 					var(--wp--custom--navigation--modal--elements--link--typography--font-weight);
		--wp--custom--navigation--elements--link--color--text: 								var(--wp--custom--navigation--modal--elements--link--color--text);
		--wp--custom--navigation--elements--link--spacing--padding--vertical: 				var(--wp--custom--navigation--modal--elements--link--spacing--padding--vertical);
		--wp--custom--navigation--elements--link--spacing--padding--horizontal: 			var(--wp--custom--navigation--modal--elements--link--spacing--padding--horizontal);
	
		/* // Sub menu */
		--wp--custom--navigation--elements--sub-menu--typography--font-size: 				var(--wp--custom--navigation--modal--elements--sub-menu--typography--font-weight);
		--wp--custom--navigation--elements--sub-menu--typography--font-size: 				var(--wp--custom--navigation--modal--elements--sub-menu--typography--font-size);
		--wp--custom--navigation--elements--sub-menu--spacing--padding--vertical: 			var(--wp--custom--navigation--modal--elements--sub-menu--spacing--padding--vertical);
		--wp--custom--navigation--elements--sub-menu--spacing--padding--horizontal: 		var(--wp--custom--navigation--modal--elements--sub-menu--spacing--padding--horizontal);
		--wp--custom--navigation--elements--sub-menu--active--color--text: 					var(--wp--custom--navigation--modal--elements--sub-menu--active--color--text);
	
		--navigation-layout-justification-setting: flex-start;

		ul.wp-block-navigation__container {
			gap: 0;
		}

	}

}