/* Editor only */
.editor-styles-wrapper .wp-block-navigation                    {.foo{}
	&,
	*:has(.wp-block-navigation__container)                     {min-height:inherit;position:initial;}
	.wp-block-navigation__container                            {min-height:inherit;}
}

/* Main Menu */
.wp-block-navigation.is-style-main-menu {.foo{}
	&:not(ul,:has(.is-menu-open)) {.foo{}
		&,*:has(.wp-block-navigation__container)                   {min-height:inherit;position:initial;}
		
		.wp-block-navigation__responsive-container-open            {transform:scale(1.5);transition:transform .25s;}
		.wp-block-navigation__responsive-container-open:hover      {transform:scale(1.9);}
		
		.wp-block-navigation__container                            {min-height:inherit;position:initial;margin:0 var(--wp--preset--spacing--50);.foo{}
			>.wp-block-navigation-item                             {min-height:inherit;background:none;.foo{}
				&.current-menu-ancestor,&.current-menu-item        {color:var(--hover-background-color);}
				&.has-child                                        {position:initial;.foo{}
					.wp-block-navigation-item__content             {margin-right:1rem;}
				}
				&.is-style-top-icon                                {flex-basis:100px;margin-left:var(--wp--preset--spacing--50);.foo{}
					&+&                                            {margin-left:0rem;}
					.wp-block-navigation-item__content             {padding:0;}
				}
				.wp-block-navigation__submenu-icon                 {display:flex;width:1rem;min-height:2.2em;margin:0 0 0 -2rem;transform:translateX(-1rem);z-index:1;}
				>.wp-block-navigation-item__content                {word-break:keep-all;position:relative;padding:0 4rem;max-width:10rem;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;box-sizing:content-box;.foo{}
					&::before                                      {content:"";position:absolute;left:0;right:0;top:100%;bottom:0;z-index:-1;background-color:var(--hover-background-color);transition:top .25s;}
					.wp-block-navigation-item__label               {min-height:2.8em;}
				}
				.wp-block-navigation__submenu-container            {left:0;flex-direction:row;gap:3rem 8rem;flex-wrap:wrap;padding:6rem calc(50vw - var(--wp--style--global--content-size) / 2);background-color:transparent;border:0;transition:height .25s;.foo{}
					&::before                                      {content:"";position:absolute;top:0;left:0;width:100%;height:0%;background-color:var(--hover-background-color);transition:height .25s;}
					.wp-block-navigation-item                      {background:none;}
					.current-menu-item                             {.foo{}
						.wp-block-navigation-item__content         {border-color:rgba(255 255 255/.1);background-color:rgba(255 255 255/.1);}
					}
					.wp-block-navigation-item__content             {border-radius:.5rem;border:1px solid transparent;opacity:0;transition:opacity .25s,border .25s;}
					.wp-block-navigation-item__label               {min-height:unset;color:var(--hover-text-color);text-transform:none;font-size:1.3em;font-weight:700;}
				}
				&:hover                                            {.foo{}
					>.wp-block-navigation-item__content::before    {top:0%;}
					.wp-block-navigation__submenu-container        {.foo{}
						&::before                                  {height:100%;}
						.wp-block-navigation-item__content         {opacity:1;.foo{}
							&:hover                                {opacity:.7;border:1px solid rgba(255 255 255/.2);}
						}
					}
				}
			}
			@media screen and (max-width: 1600px) {
				&>.wp-block-navigation-item>.wp-block-navigation-item__content {padding:0 2.5rem;}
			}
			@media screen and (max-width: 1340px) {
				& {margin:0;}
				&>.wp-block-navigation-item.is-style-top-icon {margin-left:0;}
			}
		}
	}
	
	.is-menu-open                                {.foo{}
		.wp-block-navigation-overlay-close       {transform:scale(1.5);transition:transform .25s;}
		.wp-block-navigation-overlay-close:hover {transform:scale(1.9);}
		
		@media screen and (min-width: 601px) {
			& {top:var(--wp-admin--admin-bar--height,0);}
		}
	}
}

/* Main Menu Overlay */
.wp-block-navigation.is-style-overlay-menu              {.foo{}
	*:has(>&)                                           {--hover-text-color:currentColor;--hover-background-color:transparent;}
	
	.wp-block-navigation__container                     {align-items:inherit;.foo{}
		.wp-block-navigation-item                       {align-items:inherit;.foo{}
			>.wp-block-navigation-item__content         {padding:1em .25em;background:transparent;border-bottom:1px solid rgba(255 255 255/.3);display:flex;flex-grow:1!important;opacity:1;transition:background .25s,opacity .25s;.foo{}
				img,svg                                 {width:28px;height:28px;}
				&:hover                                 {opacity:.7;color:inherit!important;.foo{}
					~.wp-block-navigation__submenu-icon {transform:scale(1.4);}
				}
			}
			&.current-menu-ancestor,&.current-menu-item {.foo{}
				>.wp-block-navigation-item__content     {color:inherit!important;.foo{}
					.wp-block-navigation-item__label    {font-weight:800;font-size:1.1em;}
				}
			}
			&.has-child                                 {gap:inherit;flex-direction:column;.foo{}
				.wp-block-navigation__submenu-icon      {position:absolute;right:0.25em;top:0.7em;font-size:1.5em;z-index:1;transform:scale(1.0);transition:transform .25s;}
				.wp-block-navigation__submenu-container {display:none;gap:0;padding:0;flex-basis:100%;position:static;border:none;background-color:transparent;.foo{}
					.wp-block-navigation-item__content  {border:0;padding:.5em 0 .5em 2.5em;}
				}
				&.open-always                                              > .wp-block-navigation__submenu-container,
				&.open-on-hover-click:hover                                > .wp-block-navigation__submenu-container,
				.editor-styles-wrapper &:focus-within                      > .wp-block-navigation__submenu-container,
				& .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {display:flex;visibility:visible;overflow:visible;opacity:1;width:auto;height:auto;min-width:200px;}
			}
		}
	}
}

/* Footer Menu */
nav.wp-block-navigation.is-style-footer-menu {
	--footer-size: 140px;
	
	.foo{}
	.wp-block-navigation__container {
        align-items: flex-start;		
        justify-content: space-between;
		row-gap: 1rem;
		
		.foo{}
		.wp-block-navigation-item {
			flex-direction: column;
			align-items: flex-start;
			
			.foo{}
			.wp-block-navigation-item__content {
				padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
                transition: opacity .35s;
				box-sizing: border-box;
				
				.foo{}
				&:hover {
					opacity: .7;
				}
			}
			&.has-child .wp-block-navigation__submenu-container {
				position: relative;
                visibility: visible;
                opacity: 1;
                background: none;
                border: 0;
                width: 100%;
                max-height: var(--footer-size);
				height: fit-content;
                flex-wrap: wrap;
                min-width: unset;
				padding-top: 1em;
				box-sizing: content-box;
				
				.foo{}
				.current-menu-item .wp-block-navigation-item__label {
					color: var(--wp--preset--color--accent-4);
				}
				.wp-block-navigation-item__content {
                    padding: 0.5rem var(--wp--preset--spacing--40);
					width: 100%;
					
					.foo{}
					.wp-block-navigation-item__label {
						text-transform: none;
						max-width: 15em;
					}
				}
			}
		}
		>.wp-block-navigation-item {
			
			.foo{}
			>.wp-block-navigation-item__content {
				font-size: 1.2em;
				color: inherit !important;
				width: 100%;
				padding-top: 0;
				padding-bottom: 0;
				
				.foo{}
				.wp-block-navigation-item__label {
					display: flex;
					align-items: center;
					min-height: 2.5em;
					border-bottom: 1px solid rgb(255 255 255/.2);
				}
				
			}
			&:hover>.wp-block-navigation-item__content .wp-block-navigation-item__label {
				color: inherit !important;
			}
		}
	}
}

.wp-block-navigation[style*="--hover-text-color"]       .wp-block-navigation-item                 .wp-block-navigation-item__content:hover>.wp-block-navigation-item__label,
.wp-block-navigation[style*="--hover-text-color"]       .wp-block-navigation-item.has-child:hover>.wp-block-navigation-item__content      ~.wp-block-navigation__submenu-icon,
.wp-block-navigation[style*="--hover-text-color"]       .wp-block-navigation-item.has-child:hover>.wp-block-navigation-item__content      >.wp-block-navigation-item__label,
.wp-block-navigation[style*="--hover-text-color"]       .wp-block-navigation-item                 .wp-block-navigation-item__content:hover~.wp-block-navigation__submenu-icon {color:var(--hover-text-color);}
.wp-block-navigation[style*="--hover-background-color"] .wp-block-navigation-item                 .wp-block-navigation-item__content:hover                                    {background-color:var(--hover-background-color);}
.wp-block-navigation .wp-block-navigation-item__label {text-transform:uppercase;}

/* Show sandwich menu in header for tablets */
@media screen and (max-width: 1199px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {display:flex;margin-left:var(--wp--preset--spacing--30);}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {display:none;}
	.invert-when-mobile {flex-direction:row-reverse;justify-content:flex-start!important;}
}

@media screen and (min-width: 601px) {
	.wp-block-navigation__overlay-container>div           {min-height:calc(100vh - var(--wp-admin--admin-bar--height,0))!important;}
}