.lang-switch{display:flex; gap:4px; background:var(--surface); border:1px solid var(--hairline); border-radius:20px; padding:3px;}
.lang-switch button{background:none; border:none; color:var(--muted); font-size:12.5px; font-family:'IBM Plex Mono',monospace; padding:6px 11px; border-radius:16px; cursor:pointer; transition:background .15s, color .15s;}
.lang-switch button.active{background:var(--copper); color:#171008; font-weight:600;}
.lang-switch button:hover:not(.active){color:var(--text);}

/* Hidden on desktop */
.nav-close-btn{display:none;}
.lang-switch-mobile{display:none;}

@media (max-width:880px){
  /* Close btn: position:fixed so it floats above nav without affecting flex layout */
  .nav-close-btn{
    display:flex;
    position:fixed;
    top:16px; right:16px;
    z-index:10000;
    background:none;
    border:1px solid var(--hairline);
    color:var(--text);
    font-size:20px;
    line-height:1;
    cursor:pointer;
    padding:6px 14px;
    border-radius:6px;
  }

  /* Nav links: large, full width, easy to tap */
  nav.links a{
    font-size:19px !important;
    color:var(--text) !important;
    width:100%;
    display:block;
    padding:0;
  }
  nav.links .nav-cta{
    background:var(--copper) !important;
    color:#171008 !important;
    padding:10px 20px !important;
    border-radius:6px !important;
    font-size:16px !important;
    font-weight:600 !important;
    display:inline-block !important;
    width:auto !important;
  }

  /* Hide desktop lang-switch inside nav */
  nav.links .lang-switch{display:none !important;}

  /* Show mobile lang-switch next to hamburger */
  .lang-switch-mobile{
    display:flex;
    gap:4px;
    background:var(--surface);
    border:1px solid var(--hairline);
    border-radius:20px;
    padding:3px;
    margin-right:10px;
  }
}