nav {
  display: flex;
  align-items: center;
  justify-content: space-between; /* logo vľavo, hamburger vpravo */
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  padding: 18px 20px;
  background: var(--bg);
  box-shadow: 0 4px 15px rgba(0,0,0,.05);
}

nav img { height: 35px; width: auto; transition: all 0.3s ease; }

.nav-links-desktop { display: flex; gap: 26px; }
.nav-links-desktop a { color: var(--text); text-decoration: none; font-weight:500; opacity:.85; }
.nav-links-desktop a:hover { color: var(--blue); opacity:1; }

.nav-links-mobile { display: none; flex-direction: column; gap:15px; position:absolute; top:100%; left:0; right:0; background:var(--bg); padding:20px; box-shadow:0 8px 20px rgba(0,0,0,.1); z-index:999; }
.nav-links-mobile a { display:block; color:var(--text); font-weight:500; text-decoration:none; padding:10px 0; }
.nav-links-mobile a:hover { color:var(--blue); }

.menu-toggle { display:none; flex-direction:column; justify-content:space-between; width:28px; height:22px; cursor:pointer; }
.menu-toggle span { display:block; height:3px; width:100%; background:var(--text); border-radius:3px; transition:0.3s; }

@media (max-width: 768px){
  nav img { height:28px; } 
  .nav-links-desktop { display:none; }
  .menu-toggle { display:flex; }
  /* space-between už je nastavené v hlavnom nav */
}

.nav-links-mobile.active { display:flex; }


@media (max-width: 768px) {
  nav img { height: 28px; }

  .nav-links-desktop { display: none; }

  .menu-toggle { 
    display: flex; 
    margin-left: auto; /* toto posunie hamburger úplne doprava */
  }

  .nav-links-mobile {
    top: 100%;
    left: 0;
    right: 0;
  }
}



/* Aktivácia mobilného menu */
.nav-links-mobile.active { display:flex; }

/* Hamburger otvorený stav (voliteľne pre animáciu) */
.menu-toggle.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.menu-toggle.open span:nth-child(2) {
  opacity: 0;
}
.menu-toggle.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}