/* Nawigacja — szare kreski-separatory miedzy pozycjami menu (wg makiety Figma).
   Konwencja jak na pozostalych portalach: ::before, content:'', translateX(-50%).
   Scoped do poziomego navbara YOOtheme; mobile = offcanvas (bez efektu).
   :not(:first-child) — kreska tylko MIEDZY pozycjami, nie przed pierwsza.
   Odstep robi flex-gap navbara (40px), wiec kreske cofamy o polowe gapu,
   zeby wypadla na srodku przerwy, a nie tuz przy tekscie. */
.uk-navbar-center .uk-navbar-nav {
  --jdev-nav-gap: 40px;
}
.uk-navbar-center .uk-navbar-nav > li {
  position: relative;
}
.uk-navbar-center .uk-navbar-nav > li:not(:first-child)::before {
  position: absolute;
  content: '';
  width: 12px;
  height: 1px;
  background-color: #adadad;
  top: 50%;
  left: calc(var(--jdev-nav-gap) / -2);
  transform: translatex(-50%);
  pointer-events: none;
}