/* ================= ROOT ================= */
:root{
  --primary:#8f6ad6;
  --text:#2c2c2c;
  --glass:rgba(255,255,255,.55);
  --glass-strong:rgba(255,255,255,.75);
  --border:rgba(255,255,255,.35);
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ================= BASE ================= */
.eventlab-navbar,
.eventlab-navbar *{
  font-family:'Raleway',sans-serif !important;
  box-sizing:border-box;
}

/* ================= NAVBAR ================= */
.eventlab-navbar{
  position:fixed;
  top:0;
  width:100%;
  height:13vh;
  min-height:90px;
  background:var(--glass);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--border);
  z-index:2000;
}

/* LOGO WRAPPER */
.eventlab-logo {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  text-decoration: none;
  z-index: 2100;
}

/* LOGO IMAGE */
.eventlab-logo img {
  height: 56px;               
  width: auto;
  max-height: 65%;
  object-fit: contain;
  display: block;
}

@media (max-width: 768px) {
  .eventlab-logo img {
    height: 46px;
  }
}

/* ================= DESKTOP MENU ================= */
.eventlab-menu{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  gap:36px;
  list-style:none;
  padding:0;
  margin:0;
}

.eventlab-menu li{
  position:relative;
}

.eventlab-menu a{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--text);
  text-decoration:none;
  font-weight:500;
  position:relative;
}

/* UNDERLINE HOVER - DESKTOP ONLY */
.eventlab-menu a::after{
  content:"";
  position:absolute;
  bottom:-8px;
  left:0;
  width:0;
  height:2px;
  background:linear-gradient(90deg,var(--primary),#cbbdff);
  transition:.35s var(--ease);
}

/* ================= SCROLL LINE ================= */
.eventlab-navbar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(143, 106, 214, 0),
    rgba(143, 106, 214, 0.55),
    rgba(143, 106, 214, 0)
  );
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

.eventlab-navbar.scrolled::after {
  opacity: 1;
}

.eventlab-menu a:hover::after{
  width:100%;
}

/* CHEVRON */
.nav-chevron{
  width:6px;
  height:6px;
  border-right:2px solid var(--text);
  border-bottom:2px solid var(--text);
  transform:rotate(45deg);
  transition:.3s var(--ease);
}

/* SUBMENU */
.eventlab-submenu{
  position:absolute;
  top:120%;
  left:0;
  background:var(--glass-strong);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--border);
  border-radius:14px;
  min-width:220px;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.35s var(--ease);
  padding:8px 0;
  list-style:none;
}

.has-dropdown:hover .eventlab-submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.eventlab-submenu a{
  padding:14px 20px;
  display:block;
}

.eventlab-submenu a::after{
  display:none;
}

/* ================= CTA ================= */
.eventlab-cta{
  position:absolute;
  right:40px;
  top:50%;
  transform:translateY(-50%);
}

.eventlab-cta button{
  background:var(--primary);
  color:#fff;
  border:2px solid var(--primary);
  padding:14px 32px;
  border-radius:14px;
  font-weight:600;
  cursor:pointer;
  transition:.3s var(--ease);
}

.eventlab-cta button:hover{
  background:transparent;
  color:var(--primary);
}

/* ================= MOBILE TOGGLE ================= */
.eventlab-toggle{
  display:none;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  background:none;
  border:none;
  cursor:pointer;
  z-index:2100;
  padding:0;
}

/* ICON WRAPPER */
.eventlab-toggle span{
  position:absolute;
  left:50%;
  width:26px;
  height:2px;
  background:var(--text);
  border-radius:2px;
  transform:translateX(-50%);
  transition:
    transform .45s var(--ease),
    opacity .25s ease,
    background .3s ease;
}

/* TOP */
.eventlab-toggle span:nth-child(1){
  top:14px;
}

/* MIDDLE */
.eventlab-toggle span:nth-child(2){
  top:50%;
  transform:translate(-50%,-50%);
}

/* BOTTOM */
.eventlab-toggle span:nth-child(3){
  bottom:14px;
}

/* ===== ACTIVE (X STATE) ===== */
.eventlab-toggle.active span:nth-child(1){
  top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
}

.eventlab-toggle.active span:nth-child(2){
  opacity:0;
}

.eventlab-toggle.active span:nth-child(3){
  bottom:auto;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
}

.eventlab-toggle:hover span{
  background:var(--primary);
}

/* ================= MOBILE OVERLAY ================= */
.eventlab-mobile-overlay{
  position:fixed;
  inset:0;
  background:var(--glass);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  opacity:0;
  pointer-events:none;
  transition:.4s var(--ease);
  z-index:1999;
  overflow-y:auto;
  padding-top:90px;
}

.eventlab-mobile-overlay.active{
  opacity:1;
  pointer-events:auto;
}

.eventlab-mobile-menu{
  padding:20px 0;
  max-width:100%;
}

/* ✅ FIXED: MOBILE PARENT LINKS - 2px smaller padding left */
.eventlab-mobile-link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  background:none;
  border:none;
  padding:18px 30px;  /* PARENT: 30px right padding */
  font-size:1.05rem;
  font-weight:500;
  color:var(--text);
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:background .3s var(--ease);
  position:relative;
}

/* ✅ REMOVE ANY UNDERLINE EFFECTS ON MOBILE */
.eventlab-mobile-link::after,
.eventlab-mobile-link::before{
  display:none !important;
}

.eventlab-mobile-link:hover{
  background:rgba(143,106,214,0.1);
  text-decoration:none;
}

.eventlab-mobile-link.has-sub{
  font-family:'Raleway',sans-serif;
}

.eventlab-mobile-link.has-sub .nav-chevron{
  transition:.3s var(--ease);
}

.eventlab-mobile-link.has-sub.open .nav-chevron{
  transform:rotate(225deg);
}

/* ✅ FIXED: MOBILE SUBMENU - 2px smaller (28px left indent) */
.eventlab-mobile-submenu{
  max-height:0;
  overflow:hidden;
  background:rgba(143,106,214,0.05);
  transition:max-height .4s var(--ease);
}

.eventlab-mobile-submenu.active{
  max-height:300px;
}

.eventlab-mobile-submenu a{
  display:block;
  padding:14px 28px 14px 50px;  /* ✅ 28px RIGHT, 50px LEFT = 2px smaller than parent 30px */
  color:var(--text);
  text-decoration:none;
  font-weight:400;
  transition:background .3s var(--ease);
}

/* ✅ NO UNDERLINE ON MOBILE SUBMENU LINKS */
.eventlab-mobile-submenu a::after,
.eventlab-mobile-submenu a::before{
  display:none !important;
}

.eventlab-mobile-submenu a:hover{
  background:rgba(143,106,214,0.15);
  text-decoration:none;
}

/* ✅ MOBILE CTA */
.eventlab-mobile-cta{
  padding:20px 30px;
}

.eventlab-mobile-cta button{
  width:100%;
  padding:16px;
  background:var(--primary);
  color:#fff;
  border-radius:14px;
  border:2px solid var(--primary);
  font-weight:600;
  cursor:pointer;
  transition:.3s var(--ease);
}

.eventlab-mobile-cta button:hover{
  background:transparent;
  color:var(--primary);
}

/* ================= RESPONSIVE ================= */
@media(max-width:992px){
  .eventlab-menu,
  .eventlab-cta{
    display:none;
  }
  
  .eventlab-toggle{
    display:block;
  }
  
  .eventlab-logo{
    left:20px;
    font-size:1.4rem;
  }
}

/* TABLET ADJUSTMENTS */
@media(max-width:768px){
  .eventlab-navbar{
    min-height:80px;
  }
  
  .eventlab-mobile-link{
    padding:16px 25px;  /* Scales proportionally */
  }
  
  .eventlab-mobile-submenu a{
    padding:12px 26px 12px 45px;  /* Maintains 2px smaller */
  }
}

/* SMALL MOBILE */
@media(max-width:480px){
  .eventlab-logo{
    font-size:1.2rem;
    left:15px;
  }
  
  .eventlab-toggle{
    right:15px;
  }
  
  .eventlab-mobile-link{
    padding:14px 20px;
  }
  
  .eventlab-mobile-submenu a{
    padding:10px 24px 10px 40px;  /* 2px smaller than 20px parent */
  }
  
  .eventlab-mobile-cta{
    padding:20px;
  }
}

.eventlab-navbar{
  position:sticky;
  top:0;
  width:100%;
  height:13vh;
  min-height:90px;

  /* DEFAULT: SOLID WHITE */
  background:#ffffff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;

  border-bottom:1px solid rgba(0,0,0,0.08);
  z-index:2000;
}

/* ================= GLASSMORPHISM ON SCROLL ================= */

.eventlab-navbar.scrolled{
  background:var(--glass);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--border);
}


/* ================= DESKTOP HARD FIX ================= */
@media (min-width: 993px) {

  .eventlab-mobile-overlay {
    display: none !important;
  }

  .eventlab-toggle {
    display: none !important;
  }

}

.eventlab-mobile-overlay {
  visibility: hidden;
}

.eventlab-mobile-overlay.active {
  visibility: visible;
}
.eventlab-navbar {
    position: sticky;
    top: 0;
    width: 100%;
    height: 13vh;
    min-height: 90px;
    background: #ffffff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 2000;
}