/* ============================================================================
   Horná lišta a mobilné menu — spoločné pre hlavnú stránku aj podstránky.
   Vyžaduje premenné z :root (--primary, --primary-dark, --primary-soft, --yellow, --text, --muted, --radius,
   --font, --display), ktoré si každá stránka definuje sama.
   ========================================================================== */
/* ── NAVBAR ── */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.96);backdrop-filter:blur(14px);
  height:68px;padding:0 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 2px 16px rgba(0,0,0,.06);
}
.nav-logo{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.nav-logo-icon{
  width:44px;height:44px;border-radius:12px;
  background:#fff8ee;overflow:hidden;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px rgba(131,56,236,.18);
}
.nav-logo-icon img{width:100%;height:100%;object-fit:contain;padding:4px}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1}
.nav-logo-text span:first-child{font-family:var(--display);font-size:1.1rem;color:var(--primary)}
.nav-logo-text span:last-child{font-size:.67rem;font-weight:700;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:.2rem;list-style:none}
.nav-links a{
  text-decoration:none;color:var(--text);font-weight:700;font-size:.84rem;
  padding:.42rem .7rem;border-radius:10px;transition:all .2s;
}
.nav-links a:hover{background:var(--primary-soft)}
.nav-links .nav-cta{background:var(--primary);color:#fff;margin-left:.4rem}
.nav-links .nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none}
.hamburger span{display:block;width:26px;height:3px;background:var(--text);border-radius:3px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}
.mobile-menu{
  display:none;position:fixed;top:68px;left:0;right:0;bottom:0;
  background:rgba(255,255,255,.98);backdrop-filter:blur(20px);
  z-index:999;padding:1.5rem;flex-direction:column;gap:.75rem;overflow-y:auto;
}
.mobile-menu.open{display:flex}
.mobile-menu a{
  text-decoration:none;color:var(--text);font-weight:800;font-size:1.2rem;
  padding:.9rem 1.2rem;border-radius:var(--radius);
  border-left:4px solid transparent;transition:all .2s;
  display:flex;align-items:center;gap:.75rem;
}
.mobile-menu a:hover{background:var(--primary-soft);border-left-color:var(--primary)}

@media(max-width:900px){
  .nav-links{display:none}
  .hamburger{display:flex}
}

/* e-mail prihláseného vedľa odhlásenia (podstránky) */
.nav-links .nav-user span{
  font-size:.76rem;font-weight:700;color:var(--muted);
  padding:.42rem .5rem;max-width:200px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;display:block;
}
@media(max-width:1150px){ .nav-links .nav-user{display:none} }