/* ══ NAVBAR — tekst + statyczny kursor | (milo 2026-09-29) ══
   Milo wybrał wariant (a): "Kursor statyczny — zwykły | między działami,
   bez animacji. Podświetla się tylko po najechaniu. To klasyka, zero
   rozproszenia."

   ZERO animacji kursora. Żadnego ruchu, żadnego przyciągania uwagi.
   Kursor to zwykły separator | — jak w klasycznej typografii.
   Reaguje WYŁĄCZNIE na najechanie (reakcja na intencję, nie na ruch). */

/* ── 1. ZABIERAM PASTELOWE TŁA I KSZTAŁT PIGUŁEK ── */
.nav a,
.nav a:nth-child(1), .nav a:nth-child(2), .nav a:nth-child(3),
.nav a:nth-child(4), .nav a:nth-child(5), .nav a:nth-child(6),
.nav a:nth-child(7), .nav a:nth-child(8){
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* ── 2. CZYSTY TEKST ── */
.nav{display:flex;align-items:center;gap:0;overflow:visible !important}

.nav a{
  font-family:var(--serif);
  font-weight:400;
  font-size:15px;
  padding:6px 0;
  color:#4d5a54;
  text-decoration:none;
  position:relative;
  overflow:visible !important;
  transition:color .22s ease;
}

.nav a:not(:last-child){margin-right:24px}

/* ── 3. KURSOR | — STATYCZNY, BEZ ANIMACJI ── */
.nav a:not(:last-child)::after{
  content:'|';
  display:block !important;
  position:absolute;
  right:-13px;
  top:50%;
  margin-top:-9px;
  color:rgba(24,34,31,.25);
  font-weight:300;
  font-size:14px;
  line-height:1;
  pointer-events:none;
  visibility:visible !important;
  opacity:1 !important;
  animation:none !important;       /* ZERO RUCHU */
  transition:color .22s ease;
}

.nav a::before{display:none !important}

/* ── 4. PODŚWIETLENIE TYLKO PO NAJECHANIU ── */
.nav a:hover{color:#18221f;background:none !important}
.nav a:hover::after{color:rgba(24,34,31,.50)}

.nav a.on,.nav a[aria-current]{
  color:#18221f;font-weight:600;background:none !important
}

/* ── 5. MOBILE ── */
@media(max-width:900px){
  .nav a{font-size:14px}
  .nav a:not(:last-child){margin-right:17px}
  .nav a:not(:last-child)::after{right:-9px;font-size:13px}
}
@media(max-width:640px){
  .nav a{font-size:13.5px}
  .nav a:not(:last-child){margin-right:14px}
}

/* ── 6. REDUCED MOTION (bez zmian — i tak nie ma ruchu) ── */
@media(prefers-reduced-motion:reduce){
  .nav a,.nav a:not(:last-child)::after{transition:none;animation:none !important}
}


/* ══ WYRÓWNANIE DO ZDJĘCIA/PANELU (milo 2026-09-29) ══
   Milo: "wydarzenia konczy sie poza zdjeciem, musi byc na rowno ze zdjeciem"
   Nawigacja konczyla sie na 1243px, a zdjecie/panel na 1215px — 28px roznicy.
   Panel ma 20px paddingu wewnetrznego, nawigacja szla do samej krawedzi.
   Wyrownujemy prawa krawedz nawigacji do prawej krawedzi panelu. */
.bar{padding-right:29px}
@media(max-width:900px){
  .bar{padding-right:18px}
}
@media(max-width:640px){
  .bar{padding-right:16px}
}