/* ============ MOBILE NAV — herbruikbaar op alle RTH-pagina's ============ */

.nav-hamburger{
  display:none;
  background:none;
  border:0.5px solid #5a6660;
  color:#e8ebe9;
  width:42px;
  height:42px;
  cursor:pointer;
  font-family:'JetBrains Mono', monospace;
  font-size:18px;
  line-height:1;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:border-color 0.2s, color 0.2s;
}
.nav-hamburger:hover{
  border-color:#14a85a;
  color:#14a85a;
}

.nav-mobile-menu{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(10,13,16,0.98);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  z-index:200;
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  padding:48px;
}
.nav-mobile-menu.active{
  display:flex;
}

.nav-mobile-close{
  position:absolute;
  top:24px;
  right:24px;
  background:none;
  border:0.5px solid #5a6660;
  color:#e8ebe9;
  width:42px;
  height:42px;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  padding:0;
  transition:border-color 0.2s, color 0.2s;
}
.nav-mobile-close:hover{
  border-color:#14a85a;
  color:#14a85a;
}

.nav-mobile-menu a{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-size:32px;
  font-weight:400;
  color:#e8ebe9;
  text-decoration:none;
  letter-spacing:-0.5px;
  transition:color 0.2s;
  text-align:center;
}
.nav-mobile-menu a:hover,
.nav-mobile-menu a.active{
  color:#14a85a;
}

.nav-mobile-menu .menu-sub{
  font-family:'JetBrains Mono', monospace;
  font-size:9px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#5a6660;
  margin-top:32px;
  text-align:center;
}

@media (max-width: 900px){
  .nav-hamburger{display:flex}
}