/* ================= NAV FIX — responsive, hover dropdown + mobile tap menu ================= */
:root{
  --brand:#6f066d;
  --brand-dark:#4d0049;
  --brand-light:#8a1a86;
}

.navbar{
    border-radius:0px;
  background:var(--brand);
  position:sticky;
  top:0;
  margin-bottom:0PX;
  z-index:999;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}
.navbar-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
}

/* hamburger */
.menu-toggle{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:14px 4px;
  flex-direction:column;
  gap:5px;
}
.menu-toggle span{
  width:26px;height:2px;background:#fff;display:block;border-radius:2px;
  transition:transform .25s ease, opacity .25s ease;
}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.menu-toggle.open span:nth-child(2){opacity:0;}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* main list */
.nav-list{
  display:flex;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-list > li{position:relative;}
.nav-list > li > a{
  display:flex;align-items:center;gap:6px;
  color:#fff;text-decoration:none;font-size:14px;font-weight:600;
  letter-spacing:.3px;padding:16px 14px;white-space:nowrap;
  transition:background .2s ease;
}
.nav-list > li > a .chev{font-size:10px;transition:transform .2s ease;}
.nav-list > li:hover > a,
.nav-list > li.open > a{background:var(--brand-light);}
.nav-list > li:hover > a .chev{transform:rotate(180deg);}

.nav-list > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:10px;height:2px;
  background:#fff;transform:scaleX(0);transform-origin:left;
  transition:transform .2s ease;
}
.nav-list > li:hover > a::after{transform:scaleX(1);}

/* dropdown */
.sub-menu{
  list-style:none;margin:0;padding:6px 0;
  position:absolute;top:100%;left:0;min-width:220px;
  background:#fff;border-radius:0 0 8px 8px;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.nav-list > li:hover .sub-menu,
.nav-list > li.open .sub-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.sub-menu li a{
  display:block;padding:10px 18px;color:#3a1039;text-decoration:none;
  font-size:13.5px;font-weight:500;
}
.sub-menu li a:hover{background:#f4ecf4;color:var(--brand);}

/* ================= mobile ================= */
@media (max-width:991px){
  .menu-toggle{display:flex;}
  .navbar-inner{padding:2px 16px;}
  .nav-list{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;background:var(--brand-dark);
    max-height:0;overflow:hidden;
    transition:max-height .3s ease;
  }
  .nav-list.show{max-height:80vh;overflow-y:auto;}
  .nav-list > li{width:100%;border-top:1px solid rgba(255,255,255,.12);}
  .nav-list > li > a{padding:14px 20px;width:100%;justify-content:space-between;}
  .nav-list > li > a::after{display:none;}
  .sub-menu{
    position:static;box-shadow:none;border-radius:0;opacity:1;visibility:visible;
    transform:none;background:rgba(0,0,0,.15);
    max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0;
  }
  .nav-list > li.open .sub-menu{max-height:400px;padding:4px 0;}
  .sub-menu li a{color:#f1d9f0;padding:10px 30px;}
  .sub-menu li a:hover{background:rgba(255,255,255,.08);color:#fff;}
}

/* chevron icon fix — uses Font Awesome font glyph instead of a unicode char,
   so it can't get mangled by file/encoding issues */
.nav-list > li > a .chev{
  font-family:"FontAwesome";
  font-size:11px;
  font-style:normal;
}
.nav-list > li > a .chev::before{
  content:"\f107"; /* fa-chevron-down */
}