/* ===== NAV (sdíleno napříč celým webem, viz partials/nav.php) ===== */
nav{position:sticky;top:0;z-index:50;background:rgba(250,250,247,0.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-in{max-width:1080px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:500;text-decoration:none;color:var(--ink);}
.logo .cursor{display:inline-block;width:10px;height:20px;background:var(--accent-ink);margin-left:3px;vertical-align:text-bottom;animation:blink 1.1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
.nav-links{display:flex;gap:30px;align-items:center;}
.nav-links a{font-size:15px;font-weight:500;text-decoration:none;color:var(--ink-soft);transition:color .2s;}
.nav-links a:hover{color:var(--ink);}
.nav-cta{padding:9px 18px;border:1.5px solid var(--ink);border-radius:999px;font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;transition:background .2s,color .2s;}
.nav-cta:hover{background:var(--ink);color:var(--paper) !important;}

.nav-drop{position:relative;}
.nav-drop-toggle{display:inline-flex;align-items:center;gap:5px;background:none;border:none;font-family:'Inter',sans-serif;font-size:15px;font-weight:500;color:var(--ink-soft);cursor:pointer;padding:0;transition:color .2s;}
.nav-drop-toggle:hover{color:var(--ink);}
.nav-drop-toggle svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.nav-drop-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px rgba(20,23,30,0.1);padding:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu,.nav-drop.is-open .nav-drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-drop:hover .nav-drop-toggle svg,.nav-drop.is-open .nav-drop-toggle svg{transform:rotate(180deg);}
.nav-drop-menu a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:14px !important;font-weight:500 !important;color:var(--ink-soft) !important;white-space:nowrap;}
.nav-drop-menu a:hover{background:#F2F2ED;color:var(--ink) !important;}
.nav-drop-menu svg.ico-maps{width:17px;height:17px;fill:#EA4335;flex-shrink:0;}
.nav-drop-menu svg.ico-maps circle{fill:#fff;}
.nav-drop-menu svg.ico-spotify{width:17px;height:17px;fill:#1DB954;flex-shrink:0;}
.nav-drop-menu svg.ico-spotify path{stroke:#fff;}

/* ===== HAMBURGER + MOBILNÍ MENU ===== */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:none;cursor:pointer;padding:0;}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s;}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu{display:none;flex-direction:column;max-height:0;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);transition:max-height .3s ease;}
.mobile-menu.is-open{max-height:640px;}
.mobile-menu a{display:flex;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:500;text-decoration:none;color:var(--ink-soft);border-top:1px solid var(--line);}
.mobile-menu a:first-child{border-top:none;}
.mobile-menu a.nav-cta{color:var(--ink-soft) !important;font-size:16px !important;font-weight:500 !important;border:none !important;border-top:1px solid var(--line) !important;border-radius:0 !important;padding:16px 28px !important;background:none !important;}
.mobile-menu a.nav-cta:hover{background:none !important;}
.mobile-menu svg{width:19px;height:19px;flex-shrink:0;}
.mobile-menu svg.ico-maps{fill:#EA4335;}
.mobile-menu svg.ico-maps circle{fill:var(--paper);}
.mobile-menu svg.ico-spotify{fill:#1DB954;}
.mobile-menu svg.ico-spotify path{stroke:var(--paper);}
.mobile-submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding:16px 28px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:var(--ink-soft);background:none;border:none;border-top:1px solid var(--line);cursor:pointer;text-align:left;}
.mobile-submenu-toggle svg{width:14px;height:14px;stroke:var(--ink-soft);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.mobile-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg);}
.mobile-submenu{display:flex;flex-direction:column;max-height:0;overflow:hidden;background:#F2F2ED;transition:max-height .25s ease;}
.mobile-submenu.is-open{max-height:200px;}
.mobile-submenu a{padding-left:44px;border-top:1px solid var(--line);}
.mobile-submenu a:first-child{border-top:none;}

@media(max-width:750px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .mobile-menu{display:flex;}
}