/* Base header style */
.lnb-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
  transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
}

/* State after passing hero */
.lnb-header.lnb-header-scrolled {
  background: rgba(255, 255, 255, 0.8); /* change to your palette */
  backdrop-filter: blur(12px);
	color: white;!important
}

.lnb-logo{
	max-height: 70px;
}


@media (max-width: 768px) {
.lnb-logo{
	max-height: 50px;
}

}

/* ----------------------------- */
/* Navigation hamburger color    */
/* ----------------------------- */

/* Default (transparent header) → white */
.lnb-header .wp-block-navigation__responsive-container-open,
.lnb-header .wp-block-navigation__responsive-container-close {
  color: #333 !important;
  fill: #333 !important;
}

/* Scrolled header → black (or your dark color) */
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation__responsive-container-open,
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation__responsive-container-close {
  color: #000000 !important;
  fill: #000000 !important;
}

/* If TT25 uses SVG paths */
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation__responsive-container-open svg path,
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation__responsive-container-close svg path {
  stroke: #000 !important;
  fill: #000 !important;
}

/* ----------------------------- */
/* Navigation link colors        */
/* ----------------------------- */

/* Default (transparent header) → white links */
.lnb-header .wp-block-navigation .wp-block-navigation-item__content {
  color: #333 !important;
  fill: #333 !important;
}

/* Scrolled header → black (or dark) links */
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation .wp-block-navigation-item__content {
  color: #000000 !important;
  fill: #000000 !important;
}

/* For SVG icons inside the links (if any) */
.lnb-header.lnb-header-scrolled 
  .wp-block-navigation .wp-block-navigation-item__content svg path {
  stroke: #000 !important;
  fill: #000 !important;
}

/* Smooth transition */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content svg path {
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
}

.is-menu-open{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	
}

@media (max-width: 768px) {
	.wp-block-navigation-item__content{
		font-size: 24px !important;
		background: #FF48E5;
		background: linear-gradient(to top right, #FF48E5 0%, #FF9E0E 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	.wp-block-navigation__responsive-container-close svg{
		color: black !important;
	}
	
	.wp-block-navigation__responsive-close{
		padding-top: 35px;
	}
}

@media (min-width: 768px) {
	.wp-block-navigation-item__content:hover{
		background: #FF48E5;
		background: linear-gradient(to top right, #FF48E5 0%, #FF9E0E 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

.elenby-work-in{
	max-width: 1200px !important;
	margin: 0 auto !important;
}

.elenby-pill {
  display:flex;
  justify-content: flex-start !important;
  padding: 0.45rem 1.4rem;
  border-radius: 999px 0 0 999px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 0.9rem;
  font-weight: 500;
	width: fit-content;
  text-decoration: none;
	white-space: nowrap;
		    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.06),
        0 20px 40px rgba(0, 0, 0, 0.15);
	margin: 0 !important;
}