/* Mobile nav – isolated file so app.css stays untouched */

.navToggle {
  display: none;
  border: 0;
  background: transparent;
  color: var(--brown);
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.navToggle svg { display:block; }

.navMobile {
  display: none;
}

@media (max-width: 860px) {
  /* sakrij desktop linkove */
  .navLinks { display: none !important; }

  /* pokaži hamburger */
  .navToggle { display: inline-flex; align-items:center; justify-content:center; }

  /* mobile panel (zatvoren default) */
  .navMobile {
    display: none;
    position: absolute;
    left: 12px;
    right: 12px;
    top: calc(100% + 8px);
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
    z-index: 50;
  }

  .navMobile a {
    display: block;
    padding: 12px 12px;
    border-radius: 10px;
    text-decoration: none;
  }

  .navMobile a:hover { background: rgba(0,0,0,.04); }

  /* open state */
  .nav--open .navMobile { display: block; }
}

/* optional: dim background when open */
@media (max-width: 860px) {
  .navBackdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    z-index: 40;
  }
  .nav--open .navBackdrop { display:block; }
}


/* Mobile nav: keep app.css untouched */

.navToggle{
  display:none;
  border:0;
  background:transparent;
  padding:10px;
  border-radius:12px;
  cursor:pointer;
  color: var(--brown);
}

.navMobile{
  display:none;
}

@media (max-width: 860px){
  .navLinks{ display:none !important; }
  .navToggle{ display:inline-flex; align-items:center; justify-content:center; }

  .topbar .topbar__inner{ position:relative; padding: 16px; }

  .navBackdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.25);
    z-index:40;
  }

  .navMobile{
    position:absolute;
    left:12px;
    right:12px;
    top: calc(100% + 10px);
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:16px;
    padding:12px;
    box-shadow:0 14px 34px rgba(0,0,0,.14);
    z-index:50;
  }

  .topbar.nav--open .navMobile{ display:block; }

  .navMobile__section + .navMobile__section{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(0,0,0,.08);
  }

  .navMobile a{
    display:block;
    padding:12px 10px;
    border-radius:12px;
    text-decoration:none;
  }

  .navMobile a:hover{ background: rgba(0,0,0,.04); }

  /* buttons inside mobile */
  .navMobile .btn{ display:block; width:100%; text-align:center; margin-top:8px; }
  .navMobile .langSwitch{ display:inline-block; margin-bottom:6px; }
}