/* ==========================================================================
   NAVIGATION STYLES
   ========================================================================== */

/* Base Styles & Editor Overrides
   ========================================================================== */

.editor-styles-wrapper .wp-block-navigation__container > .wp-element-button {
	padding: 0;
}
header.site-header.is-scrolling > .wp-block-group:last-child:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	backdrop-filter: blur(10px);
	z-index: -1;
}

/* Site Header & Logo
   ========================================================================== */

header.site-header .wp-block-site-logo {
	max-width: 70%;
	z-index: 999999;
}

header.site-header .wp-block-site-logo svg,
header.site-header .wp-block-site-logo img {
	max-width: 100%;
	height: auto;
}

/* Mobile Navigation Styles
   ========================================================================== */

@media (max-width: 979px) {
	/* Mobile Menu Toggle Buttons */
	.wp-block-navigation__responsive-container-close,
	.wp-block-navigation__responsive-container-open {
		padding: 0;
		border-radius: 0;
		background: transparent;
	}

	.wp-block-navigation__responsive-container-close {
		/* background: var(--wp--preset--color--primary); */
		color: var(--wp--preset--color--white);
	}

	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		width: 36px;
		height: 36px;
	}

	/* Mobile Menu Container */
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open {
		padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small) var(--wp--preset--spacing--large) var(--wp--preset--spacing--small);
		backdrop-filter: blur(10px);
	}

	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__container {
		width: 100%;
		gap: 1em !important;
		text-align: center;
	}

	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
		font-size: var(--wp--preset--font-size--large);
		padding: calc(5rem + 24px) var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
	}

	/* Mobile menu CTA Buttons Styles */
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > .wp-block-buttons {
		/* margin-top: var(--wp--preset--spacing--medium) !important; */
		padding: 0 !important;
		width: 100%;
	}
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > .wp-block-buttons .wp-block-button {
		width: 100%;
	}

	/* Hide/Show mobile menu */
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		background-color: inherit;
		display: none;
		position: relative;
		width: 100%;
		z-index: auto;
	}

	/* Mobile Menu Items */
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__container > li {
		width: 100%;
		padding: 0;
		position: relative;
	}

	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__container .wp-block-navigation-item__content:not(.wp-element-button) {
		width: 100%;
		padding: 5px 0 !important;
		line-height: 1.4;
		font-size: 16px;
	}

	/* Mobile Menu Buttons */
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open .wp-block-navigation__container .wp-block-navigation-item__content.wp-element-button {
		margin-top: var(--wp--preset--spacing--medium);
		width: 100%;
		text-align: center;
		font-size: 16px;
		padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium) !important;
		/* color: var(--wp--preset--color--white); */ /* Uncomment to change button text color */
	}

	/* Mobile Submenu Styles */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		height: 0;
		opacity: 0;
		padding: 0;
		overflow: hidden;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-icon[aria-expanded="true"] + .wp-block-navigation__submenu-container {
		height: auto;
		opacity: 1;
		border-radius: 0;
		margin: 5px 0;
		padding: 0 0 0 var(--wp--preset--spacing--large);
		font-size: var(--wp--preset--font-size--base);
		width: 100% !important;
		box-shadow: none !important;
	}

	/* Mobile Submenu Toggle Icons */
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
		position: absolute;
		top: 2px;
		right: 0;
		width: 40px;
		height: 36px;
		padding: 10px 8px 10px 12px;
		display: block;
		margin: 0;
		border-left: 2px solid currentColor;
		line-height: 1;
		z-index: 1;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
		stroke: currentColor;
		margin: 0;
		max-width: 100%;
		max-height: 100%;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
		transform: rotate(180deg);
	}
}

/* Tablet Responsive Adjustments
   ========================================================================== */

@media (min-width: 600px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

/* Desktop Navigation Styles
   ========================================================================== */

@media (min-width: 980px) {
	/* Hide mobile menu button on desktop */
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}

	header .wp-block-navigation { padding-top: 6px; }
	header .wp-block-navigation .wp-block-navigation__responsive-container-content {
		gap: clamp(var(--wp--preset--spacing--small), var(--wp--preset--spacing--large), 2.5vw);
	}

	/* Main navigation items */
	header .wp-block-navigation .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container > li.wp-block-navigation-item:not([class*="is-style-"]) {
		padding: 10px 0;
	}

	/* Main nav hover effects */
	header .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
		text-decoration: none;
	}

	/* Animated underline effect */
	header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:not([class*="is-style-"]) .wp-block-navigation-item__content::after {
		content: "";
		width: calc(100% + 14px);
		height: 11px;
		border-radius: 4px;
		background: rgba(200, 191, 181, 0.40);
		position: absolute;
		bottom: 6px;
		left: -8px;
		right: -6px;
		margin: auto;
		transition: all 0.2s ease-in-out;
		opacity: 0;
		z-index: -1;
	}

	header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after {
		opacity: 1;
		bottom: 10px;
	}

	/* Dropdown Menu Styles */
	header .wp-block-navigation .wp-block-navigation__submenu-icon {
		margin-left: 10px;
	}

	header .wp-block-navigation .wp-block-navigation__submenu-icon svg {
		stroke: currentColor;
	}

	header .wp-block-navigation .wp-block-navigation__submenu-container {
		border: none !important;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		min-width: 240px !important;
		margin-left: calc(var(--wp--preset--spacing--medium) * -1);
		padding: 0;
	}

	header .wp-block-navigation .wp-block-navigation__submenu-container a {
		padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium) !important;
	}

	/* Dropdown hover effects */
	header .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item:not([class*="is-style-"]) > .wp-block-navigation-item__content {
		transition: all 0.3s ease-in-out;
	}

	header .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item:not([class*="is-style-"]) > .wp-block-navigation-item__content:hover {
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--white);
	}

	/* Multi-level dropdowns */
	header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		margin-left: -5px;
		margin-top: calc(var(--wp--preset--spacing--small) * -1);
	}

	/* Navigation Button Block */
	header .wp-block-navigation .wp-block-buttons {
		margin-top: 0;
	}
	header .wp-block-navigation .wp-block-buttons .wp-block-button .wp-block-button__link {
		padding: 12px 14px 10px;
		outline-width: 2px;
	}

}

@media (min-width: 1080px) {
	header .wp-block-navigation .wp-block-navigation__responsive-container-content {
		gap: clamp(var(--wp--preset--spacing--small), var(--wp--preset--spacing--large), 4vw);
	}
}