/* ─── NAV ─────────────────────────────────────────────────── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:var(--nav-h);
  display:flex;align-items:center;
  padding:0 40px;
  background:rgba(12,18,32,0.92);
  backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
}
 
/* Logo */
.nav-logo{
  display:flex;align-items:center;gap:0;
  text-decoration:none;flex-shrink:0;margin-right:40px;
}
.nav-logo-m{
  font-family:'Bebas Neue',sans-serif;font-size:22px;
  letter-spacing:5px;color:var(--accent);line-height:1;
}
.nav-logo-divider{
  width:1px;height:20px;background:var(--border2);
  margin:0 12px;flex-shrink:0;
}
.nav-logo-sub{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:2.5px;color:var(--text-muted);
  text-transform:uppercase;line-height:1;
}
 
/* Main nav links */
.nav-links{
  display:flex;align-items:center;gap:2px;
  list-style:none;flex:1;
}
.nav-links > li{position:relative;}
.nav-links > li > a,
.nav-links > li > button{
  display:flex;align-items:center;gap:5px;
  padding:6px 14px;border-radius:3px;
  color:var(--text-muted);font-size:13px;
  letter-spacing:.5px;font-weight:500;
  text-decoration:none;
  background:none;border:none;cursor:pointer;
  font-family:'DM Sans',sans-serif;
  transition:color .18s,background .18s;
  white-space:nowrap;
}
.nav-links > li > a:hover,
.nav-links > li > button:hover,
.nav-links > li > a.active{
  color:var(--text);background:rgba(255,255,255,0.05);
}
.nav-caret{
  font-size:9px;opacity:.6;
  transition:transform .2s;display:inline-block;
}
 
/* Dropdown */
.nav-dropdown{
  position:absolute;top:calc(100% + 8px);left:0;
  min-width:220px;
  background:var(--bg2);
  border:1px solid var(--border2);
  border-radius:6px;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
  padding:8px;
  opacity:0;visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:300;
}
.nav-links > li:hover .nav-dropdown,
.nav-links > li:focus-within .nav-dropdown{
  opacity:1;visibility:visible;transform:translateY(0);
}
.nav-links > li:hover .nav-caret{transform:rotate(180deg);}
 
.nav-dropdown a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:4px;
  color:var(--text-muted);font-size:13px;
  text-decoration:none;
  transition:color .15s,background .15s;
}
.nav-dropdown a:hover{color:var(--text);background:rgba(255,255,255,0.06);}
.nav-dropdown a .dd-icon{
  width:28px;height:28px;border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;flex-shrink:0;
  background:rgba(255,255,255,0.04);
}
.nav-dropdown a .dd-text{}
.dd-title{display:block;font-weight:500;color:var(--text);font-size:13px;}
.dd-sub{display:block;font-size:11px;color:var(--text-dim);margin-top:1px;}
.dd-divider{height:1px;background:var(--border);margin:6px 0;}
 
/* Right side: language + CTA */
.nav-right{
  display:flex;align-items:center;gap:12px;flex-shrink:0;
  margin-left:auto;
}
 
/* Language selector */
.lang-wrap{position:relative;}
.lang-btn{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:3px;
  color:var(--text-muted);font-size:12px;
  letter-spacing:.5px;
  background:none;border:1px solid var(--border);cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  transition:all .18s;
}
.lang-btn:hover{border-color:var(--border2);color:var(--text);}
.lang-dropdown{
  position:absolute;top:calc(100% + 8px);right:0;
  width:140px;
  background:var(--bg2);border:1px solid var(--border2);border-radius:6px;
  padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .18s,transform .18s,visibility .18s;
  z-index:300;
}
.lang-wrap:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.lang-dropdown a{
  display:block;padding:8px 10px;border-radius:3px;
  color:var(--text-muted);font-size:12px;font-family:'JetBrains Mono',monospace;
  text-decoration:none;transition:all .15s;
}
.lang-dropdown a:hover,.lang-dropdown a.active-lang{color:var(--accent);background:rgba(0,221,180,0.07);}
.active-lang::after{content:' ✓';float:right;}
 
/* CTA button */
.nav-enquire{
  background:var(--accent);color:#061018 !important;
  padding:9px 22px;border-radius:4px;
  font-size:13px;font-weight:700;letter-spacing:.8px;
  text-decoration:none;text-transform:uppercase;
  transition:background .18s,transform .15s;
  white-space:nowrap;
}
.nav-enquire:hover{background:var(--accent-dk);transform:translateY(-1px);}
 
/* Mobile hamburger */
.nav-hamburger{
  display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
  margin-left:auto;
}
.nav-hamburger span{
  display:block;width:22px;height:2px;
  background:var(--text-muted);border-radius:2px;
  transition:all .25s;
}
 
/* Mobile menu */
.nav-mobile{
  display:none;
  position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;
  background:var(--bg2);
  overflow-y:auto;z-index:190;
  padding:24px;
  flex-direction:column;gap:4px;
  border-top:1px solid var(--border);
}
.nav-mobile.open{display:flex;}
.mob-link{
  display:block;padding:14px 16px;border-radius:4px;
  color:var(--text-muted);font-size:15px;font-weight:500;
  text-decoration:none;
  border-bottom:1px solid var(--border);
  transition:color .15s;
}
.mob-link:hover{color:var(--accent);}
 
/* Mobile accordion groups */
.mob-group{}
.mob-group-btn{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:14px 16px;
  background:none;border:none;border-bottom:1px solid var(--border);
  color:var(--text-muted);font-size:15px;font-weight:500;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;text-align:left;
  transition:color .15s;
}
.mob-group-btn:hover{color:var(--text);}
.mob-group-btn.open{color:var(--accent);}
.mob-group-caret{
  font-size:11px;opacity:.6;
  transition:transform .25s;flex-shrink:0;
}
.mob-group-btn.open .mob-group-caret{transform:rotate(180deg);opacity:1;}
 
/* Collapsible panel */
.mob-group-panel{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease;
  background:rgba(0,0,0,.12);
}
.mob-group-panel.open{max-height:400px;}
 
.mob-sub-link{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px 12px 28px;
  color:var(--text-muted);font-size:14px;font-weight:400;
  text-decoration:none;border-bottom:1px solid var(--border);
  transition:color .15s;
}
.mob-sub-link:hover{color:var(--accent);}
.mob-sub-icon{font-size:14px;flex-shrink:0;}
 
.mob-lang-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px 12px 28px;
  color:var(--text-muted);font-size:14px;
  text-decoration:none;border-bottom:1px solid var(--border);
  cursor:pointer;transition:color .15s;
}
.mob-lang-item:hover,.mob-lang-item.active-mob-lang{color:var(--accent);}
.mob-lang-check{font-size:11px;opacity:0;}
.mob-lang-item.active-mob-lang .mob-lang-check{opacity:1;}
 
.mob-cta{
  margin-top:16px;background:var(--accent);color:#061018;
  padding:14px;border-radius:4px;text-align:center;
  font-weight:700;font-size:14px;letter-spacing:.8px;
  text-decoration:none;text-transform:uppercase;
}

@media(max-width:1024px){
  #mainNav{padding:0 20px}
  .nav-links{display:none;}
  .nav-right .lang-wrap{display:none;}
  .nav-right .nav-enquire{display:none;}
  .nav-hamburger{display:flex;}
}