/* ---------- stavka izbornika s padajucim popisom ---------- */
.navitem{position:relative;display:inline-flex}
.navlink{font:inherit;font-family:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
         background:none;border:0;padding:0 0 3px;margin:0;cursor:pointer;color:var(--muted);
         border-bottom:1px solid transparent;white-space:nowrap;
         transition:color .18s ease,border-color .18s ease}
.navlink:hover,
.navlink:focus-visible{color:var(--ink);border-bottom-color:var(--ink);outline:none}
.navlink[aria-expanded="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.navlink[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
.navlink .caret{display:inline-block;margin-left:6px;font-size:9px;transition:transform .2s ease;opacity:.7}
.navlink[aria-expanded="true"] .caret{transform:rotate(180deg)}

.navmenu{position:fixed;z-index:9000;min-width:250px;
         background:var(--card);border:1px solid var(--hair);
         box-shadow:0 10px 30px rgba(20,20,15,.14);padding:5px 0}
.navmenu[hidden]{display:none}
.navmenu a{display:flex;align-items:baseline;gap:14px;padding:9px 15px;text-decoration:none;
           font-size:14px;letter-spacing:-.01em;text-transform:none;color:var(--ink);
           border-bottom:0;white-space:nowrap}
.navmenu a:hover,
.navmenu a:focus-visible{background:var(--paper);outline:none}
.navmenu a[aria-current="page"]{text-decoration:underline;text-underline-offset:3px}
.navmenu .y{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--muted)}

@media (max-width:900px){
  .navmenu{min-width:60vw;max-width:88vw}
  .navmenu a{padding:12px 14px;font-size:15px}
}