/* ===== Hamburger nav override (separate file) ===== */

/* desktop */
.nav-toggle { display:none; }
.nav-panel { display:flex; align-items:center; gap:12px; }

/* mobile */
@media (max-width: 900px){
  .nav-toggle{
    display:inline-flex;
    width:44px; height:44px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    align-items:center; justify-content:center;
    cursor:pointer;
    position:relative;
  }

  .nav-toggle__icon,
  .nav-toggle__icon::before,
  .nav-toggle__icon::after{
    content:"";
    display:block;
    width:18px; height:2px;
    background: rgba(255,255,255,.90);
    border-radius:999px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    transition: transform .2s ease, opacity .2s ease, top .2s ease;
  }
  .nav-toggle__icon{ top:50%; }
  .nav-toggle__icon::before{ top: calc(50% - 6px); }
  .nav-toggle__icon::after { top: calc(50% + 6px); }

  body.nav-open .nav-toggle__icon{ opacity:0; }
  body.nav-open .nav-toggle__icon::before{
    top:50%; transform:translateX(-50%) rotate(45deg);
  }
  body.nav-open .nav-toggle__icon::after{
    top:50%; transform:translateX(-50%) rotate(-45deg);
  }

  /* THE IMPORTANT PART: hide panel by default on mobile */
  .nav-panel{
    display:none !important;
    position:fixed;
    left:12px; right:12px;
    top:72px;
    padding:14px;
    border-radius:22px;
    background: rgba(11,18,32,.92);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    z-index:1000;
  }
  body.nav-open .nav-panel{ display:flex !important; }

  .nav{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .nav a{
    border-radius:14px;
    background: rgba(255,255,255,.06);
    padding:12px 12px;
  }
  .nav .btn{ width:100%; justify-content:center; }
  .lang-switch{ justify-content:center; margin-top:6px; }

  body.nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    background: rgba(0,0,0,.40);
    z-index:900;
  }

  .site-header{ z-index:1100; }
}