/* Desktop defaults: keep what you have */
.navbar { display:flex; align-items:center; justify-content:space-between; position:relative; }
.menu-panel { display:flex; align-items:center; gap:1rem; }
.nav-links a { margin-right:1rem; }

/* hamburger button */
.nav-toggle { display:none; background:none; border:0; padding:.5rem; cursor:pointer; }
.nav-toggle .bar { display:block; width:24px; height:2px; margin:5px 0; background:currentColor; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,1,1); white-space:nowrap; border:0; }

/* Mobile: collapse into a panel */
@media (max-width: 1190px) {
  .nav-toggle { display:block; }
  .menu-panel {
    display:none;                    /* hidden by default */
    position:absolute;
    left:0; right:0; top:100%;
    background:#0b2a4a;              /* match your header */
    border-top:2px solid #f2c300;    /* gold accent */
    padding:.5rem 1rem;
    flex-direction:column;           /* stack links/login */
    gap:.5rem;
    z-index:1000;
  }
  .navbar.is-open .menu-panel { display:flex; }
  .menu-panel a { color:#fff; display:block; padding:.5rem 0; }
  .login-links { color:#fff; }
  .user-info { display:block; margin:.25rem 0; }
  /* optional: make brand + button sit on one row */
  .navbar { gap:.5rem; }
}