:root {
	--container-background-color:var(--wp--preset--color--base);
	--container-border-color: var(--wp--preset--color--red);
	--menu-item-spacing: var(--wp--preset--spacing--20);
	--submenu-container-padding: var(--wp--preset--spacing--50);
	--menu-item--color: var(--wp--preset--color--black);
	--menu-item--hover-color: var(--wp--preset--color--primary-200);
	--menu-item-icon-color: var(--wp--preset--color--grey-400);
	--menu-item-icon-hover-color: var(--menu-item--hover-color);
	--menu-item-border-bottom: var(--wp--preset--color--grey-200);
	--menu-item-border-bottom-hover: var(--wp--preset--color--primary-200);
	--mega-menu-offset: 40px; /* calc(100% + var(--menu-item-spacing)); */
	--mega-menu-column-width: calc(100% / 3);
	--submenu-min-height: 50vh;
}

/* Set statics */
header nav.is-style-mega-menu.wp-block-navigation,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__responsive-container,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__responsive-dialog,
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation {
	position: static;
}

header .wp-block-group:has(> .wp-block-site-logo) {
	z-index: 10
}

/** nav parent div */
header .wp-block-group:has(> .wp-block-group > nav.is-style-mega-menu) {
	position: relative;
	padding-bottom:0!important;
}

/** handle nav ul's */
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list,
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation {
	align-items: stretch;
	overflow:hidden;
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation {

}

/** handle nav submenu ul */
header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container {
	border:none;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	position:absolute;
	left:0;
	right:0;
	padding:var(--submenu-container-padding);
	background: var(--container-background-color);
	min-height:var(--submenu-min-height);
	z-index:100;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container,
header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	position:absolute;
	left:0;
	right:0;
	padding:var(--submenu-container-padding);
	background: var(--container-background-color);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	padding:0 calc(var(--submenu-container-padding) / 2);
	margin-top:var(--submenu-container-padding);
	margin-bottom:var(--submenu-container-padding);
	min-height:var(--submenu-min-height);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	left:calc((var(--mega-menu-column-width) - (var(--mega-menu-offset) * 1.7)) * 2);
	border-left:2px solid var(--container-border-color);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block{
	display:none;
}

/** handle nav submenu ul list items */

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.has-child > .wp-block-navigation__submenu-container {
	width:calc(var(--mega-menu-column-width) - ( var(--mega-menu-offset) * 2) );
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li:not(.mega-info-block) {
	width: calc(var(--mega-menu-column-width) + var(--mega-menu-offset));
	padding-right:var(--mega-menu-offset);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li {
	display:flex;
	justify-content:space-between;
}

/** handle nav submenu list item for mega info block **/
header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container {
	display: grid;
	grid-template-columns: calc(var(--mega-menu-column-width) - var(--mega-menu-offset) ) 1fr; /* info | links */
	grid-template-rows:repeat(10, auto) 1fr;   /* ✅ creates a final row that fills panel height */
	align-items: start;
	align-content: stretch;         /* ✅ makes the 1fr row actually fill */
	min-height: var(--submenu-min-height);
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li{
	grid-column: 2;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block {
	grid-column: 1;
	grid-row: 1 / -1;   /* ✅ THIS is the magic */
	align-self: stretch; /* key: only this one fills panel height */
	margin-right: calc( var(--mega-menu-offset) * 2 );
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container:before {
	content: "";
	grid-column: 1;
	grid-row: 1 / -1;
	justify-self: end;
	width: 2px;
	background: var(--container-border-color);
	margin-right: var(--mega-menu-offset);
	height: 100%;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li.has-child > .wp-block-navigation__submenu-container > li.mega-info-block .mega-info-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/*nav.is-style-mega-menu .wp-block-navigation__submenu-container > li.mega-info-block {*/
/*	width: 25%;           !* set your column size *!*/
/*	flex: 0 0 25%;*/
/*}*/

nav.is-style-mega-menu .mega-info-title {
	margin: 0;
}

nav.is-style-mega-menu .mega-info-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
}

/** handle nav submenu ul list item links */
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a,
header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > li > a {
	display: flex;
	height: 100%;
	align-items: center;
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a {
	color:var(--menu-item--color);
}

header nav.is-style-mega-menu.wp-block-navigation .is-style-mega-menu.wp-block-navigation > ul.wp-block-page-list > li > a:hover {

}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-pages-list__item__link {
	width:100%;
	position:relative;
	display:block;
	color:var(--menu-item--color)!important;
	border-bottom:2px solid var(--menu-item-border-bottom);
	padding:var(--menu-item-spacing) 0;
}

header nav.is-style-mega-menu.wp-block-navigation ul.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li > .wp-block-pages-list__item__link:hover {
	border-color:var(--menu-item-border-bottom-hover);
	color:var(--menu-item--hover-color)!important;
}

header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li.wp-block-pages-list__item.has-child > .wp-block-pages-list__item__link:after {
	content:'>';
	position:absolute;
	right:0;
	top:0;
	display:flex;
	align-items:center;
	height:100%;
	width:20px;
	color:var(--menu-item-icon-color);
}

header nav.is-style-mega-menu.wp-block-navigation .wp-block-navigation__submenu-container > li.wp-block-pages-list__item.has-child > .wp-block-pages-list__item__link:hover:after {
	color:var(--menu-item-icon-hover-color);
}