/* --- 1. MOBILE MENU: COLOR & TOTAL FLATTENING --- */
@media (max-width: 1023px) {
	/* Set the tan background */
	.wp-block-navigation__responsive-container.is-menu-open, 
		
		    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		background-color: #d2ba95 !important;
	}
	
	/* THE SLEDGEHAMMER: Force solid charcoal text */
	.wp-block-navigation__responsive-container.is-menu-open *, 
		
		    .wp-block-navigation__responsive-container.is-menu-open a,
		
		    .wp-block-navigation__responsive-container.is-menu-open span {
		color: #4A4A4A !important;
		opacity: 1 !important;
		text-decoration: none !important;
	}
	
	/* THE FLATTENER: Kill the space reserved for the dropdown arrow */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
		display: block !important;
	/* Changes from 'flex' to 'block' to kill the side-by-side arrow space */
	}
	
	/* Kill all indents on every list level */
	.wp-block-navigation__responsive-container.is-menu-open ul,
		
		    .wp-block-navigation__responsive-container.is-menu-open li,
		
		    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		padding-left: 0 !important;
		margin-left: 0 !important;
		list-style-type: none !important;
	}
	
	/* Reset the submenu link so it behaves like a top-level link */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
		margin-top: 0 !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
	}
}

/* --- 2. DESKTOP POSITIONING (1024px+) --- */
@media (min-width: 1024px) {
	.wp-block-group.alignwide {
		padding-left: 177px !important;
		display: flex !important;
		justify-content: center !important;
	}
	
	.wp-block-navigation .wp-block-navigation__submenu-container {
		background-color: inherit !important;
	/* --- REMOVE BORDER AND SHADOW HERE --- */
		border: none !important;
	/* Removes any solid lines */
		border-top: none !important;
	/* Specifically kills the WP top-line */
		box-shadow: none !important;
	/* Removes the soft shadow 'outline' */
		outline: none !important;
	/* Removes any focus rings */
	}
}

/* Targets only the text/links inside the desktop submenu */
@media (min-width: 1024px) {
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
		
		    .wp-block-navigation .wp-block-navigation__submenu-container a {
		opacity: .7 !important;
		transition: opacity .2s ease;
	/* Optional: Makes it fade smoothly on hover */
	}
	
	/* Optional: Brings text back to full 100% brightness when you hover over it */
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
		
		    .wp-block-navigation .wp-block-navigation__submenu-container a:hover {
		opacity: 1 !important;
	}
}

/* --- 3. TABLET & MOBILE HEADER LAYOUT --- */
@media (max-width: 1023px) {
	.wp-block-group.alignwide {
		padding-left: 0 !important;
		justify-content: center !important;
		display: flex !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.wp-block-group.alignwide {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}

#actionbar {
	display: none !important;
}