:root {
     --nav-light-text: #1e293b;
    /* text on white pages */
     --nav-dark-text: #fefefe;
    /* text on dark home hero */
     --nav-accent: #3b82f6;
    /* hover + active */
     --submenu-bg-light: #ffffff;
     --submenu-bg-dark: rgba(15, 23, 42, 0.95);
     --border-light: rgba(0,0,0,0.08);
     --glass-bg: rgba(255,255,255,0.72);
     --glass-blur: blur(12px);
}


 */


/* Lift header above hero/banner */
.header-block {
  position: relative;
  z-index: 9999;
}

/* Submenu above everything inside header */
.header-navigation li {
  position: relative;
}

.header-navigation li ul {
  position: absolute;
  z-index: 10000;
}

/* ========================= NAVIGATION TEXT ========================= */
 .header-navigation li a span {
     color: var(--nav-light-text);
     transition: color 0.25s ease;
}
 .header-navigation li a:hover span {
     color: var(--nav-accent);
}
/* ========================= HOME PAGE (DARK HERO) keeps transparency ========================= */
 body.home .header-navigation li a span {
     color: var(--nav-dark-text);
}
 body.home .header-navigation li a:hover span {
     color: var(--nav-dark-text);
}
 body.home .header-navigation li ul li a span {
     color: #1f1f1f;
}
 body.home .header-navigation li ul li:hover {
     background-color: #dedede;
}
 body.home .header-navigation li ul li a:hover span {
     color: #3f3f3f;
}
/* ========================= SUBMENU ========================= */
 .header-navigation li ul {
     background: var(--submenu-bg-light);
     border: 1px solid var(--border-light);
     box-shadow: 0 12px 30px rgba(0,0,0,0.08);
     border-radius: 10px !important;
}
 .header-navigation li ul {
     overflow: hidden !important;
    /* important for clean corners */
}
 .header-navigation li ul li a span {
     color: var(--nav-light-text);
}
/* Home page submenu (dark glass) */
 body.home .header-navigation li ul {
     background: var(--submenu-bg-dark);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255,255,255,0.1);
}
/* ========================= LOGO VISIBILITY FIX ========================= */
 .header-logo img {
     padding: 6px 10px;
     border-radius: 10px;
     transition: box-shadow 0.3s ease, background 0.3s ease;
}
/* Home page: subtle glow */
 body.home .header-logo img {
     background: transparent;
}
/* Other pages: clean white badge */
 body:not(.home) .header-logo img {
     background: #ffffff;
}
/* ========================= STICKY SCROLL EFFECT (CSS-only using :has) ========================= */
 @supports selector(body:has(*)) {
     body:has(.header-block) .header-block {
         background: var(--glass-bg);
         backdrop-filter: var(--glass-blur);
    }
    /* Keep home hero transparent at top */
     body.home:has(.header-block) .header-block {
         background: transparent;
         box-shadow: none;
         backdrop-filter: none;
    }
}
/* ========================= MOBILE / HAMBURGER ========================= */
@media (max-width: 992px) {
	.header-inner {
         padding: 14px 20px;
    }
     .header-navigation {
         background: transparent;
    }
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #00000050 !important;
		backdrop-filter: blur(24px);
	}
     body.home .header-navigation li a span,  .header-navigation li a span {
         color: #fff;
		 font-size: 1.5em;
		 text-align:center;
    }
	.header-navigation li ul li a span, body.home .header-navigation li ul li a span  {
         color: #fff;
		 font-size: 1.1em;
		 text-align:center;
		 font-weight: 400;
    }
	
	.header-navigation li ul li a span::before, body.home .header-navigation li ul li a span::before {
         content: '- ';
    }
	.wp-block-navigation__responsive-container-content ul {
		padding-left: 2em;
		width: 100%;
		align-items: center !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container {
		background-color: transparent !important;
		padding-top: 0px;
		backdrop-filter: none;
		box-shadow: none;
		
	}
	.wp-block-navigation-item__content {
		width: 100%;
		text-align:center;
	}
}

.wp-element-button:hover {
	color: #fff;
}

.rounded {
	border-radius: 10px;
}



/* Disable all nav styles if modal menu is open */
/* body:not(.has-modal-open.is-menu-open) {
  .header-navigation li a span {
    color: var(--nav-light-text);
    transition: color 0.25s ease;
	 
  }
} */
header {
	position: relative;
	z-index:9999;
}
.wp-block-cover, .wp-block-cover-image {
	overflow: visible !important;
}

.margin-inline-0 {
	margin-block: 10px;
}

