/* ===========================================================
   Wspólny pasek nawigacji podstron (wizytówka) — ADAPTACYJNY
   Przycisk „← Strona główna" na ŚRODKU (oś ekranu), menu po PRAWEJ.
   Siatka 1fr auto 1fr trzyma przycisk dokładnie na środku.
   Gdy pełne menu nie mieści się obok środka — linki tekstowe
   chowają się (zostają Kontakt + Darmowy audyt), więc nigdy nie
   nachodzi. Na małych ekranach: przycisk po lewej, menu po prawej.
   Ładowany na: o-nas, realizacje, proces, konfigurator, kontakt.
   =========================================================== */
.snw-subhead{
  position:fixed; top:18px; left:0; right:0; z-index:9000;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  padding:0 clamp(16px,4vw,42px);
  pointer-events:none;
}
.snw-pill{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(14,26,43,.08);
  box-shadow:0 8px 26px -16px rgba(14,26,43,.4);
  border-radius:13px;
  pointer-events:auto;
}
/* środek ekranu: pill = przycisk powrotu + wskaźnik bieżącej strony */
.snw-subcenter{
  grid-column:2; justify-self:center;
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 14px 9px 7px;
}
.snw-subhome{
  display:inline-flex; align-items:center; gap:7px;
  text-decoration:none; white-space:nowrap;
  font-size:13.5px; font-weight:600; color:#0E1A2B;
  padding:7px 11px; border-radius:9px;
  transition:background .2s ease;
}
.snw-subhome:hover{ background:rgba(14,26,43,.05); }
/* wskaźnik bieżącej podstrony — styl jak „/ darmowy audyt” na audycie */
.snw-subtag{
  font-family:'Space Mono', monospace;
  font-size:12.5px; color:#93A7C4; white-space:nowrap;
}
.snw-subhome .ar{ font-size:16px; line-height:1; transition:transform .2s ease; }
.snw-subhome:hover .ar{ transform:translateX(-3px); }
/* menu — prawa kolumna, dosunięte do prawej krawędzi */
.snw-subnav{
  grid-column:3; justify-self:end;
  display:flex; align-items:center; gap:5px;
  padding:7px 8px;
}
.snw-subnav a.txt{
  text-decoration:none; white-space:nowrap;
  font-size:13.5px; font-weight:500; color:#52617A;
  padding:8px 11px; border-radius:9px;
  transition:color .2s ease, background .2s ease;
}
.snw-subnav a.txt:hover{ color:#0E1A2B; background:rgba(14,26,43,.05); }
.snw-subnav a.is-active{ color:#0E1A2B; background:rgba(37,99,235,.10); font-weight:600; }
.snw-subnav a.cta{
  text-decoration:none; white-space:nowrap;
  color:#fff; background:#2563EB; font-weight:500; font-size:13.5px;
  padding:9px 15px; border-radius:9px;
}
.snw-subnav a.cta:hover{ background:#1d4fd0; }
.snw-subnav a.cta.is-active{ background:#1d4fd0; }
.snw-subnav a.audit{
  text-decoration:none; white-space:nowrap;
  color:#2563EB; background:rgba(37,99,235,.09);
  border:1px solid rgba(37,99,235,.4); font-weight:600; font-size:13.5px;
  display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border-radius:9px;
}
.snw-subnav a.audit:hover{ background:rgba(37,99,235,.16); }
.snw-dot{
  width:6px; height:6px; border-radius:50%; background:#1B9E54;
  box-shadow:0 0 0 3px rgba(27,158,84,.18);
  animation:snw-blink 1.4s ease-in-out infinite;
}
@keyframes snw-blink{0%,100%{opacity:1}50%{opacity:.25}}

/* za ciasno na pełne menu obok wyśrodkowanego przycisku → chowamy linki tekstowe */
@media (max-width:1240px){
  .snw-subnav a.txt{ display:none; }
}
/* małe ekrany: przycisk po lewej, menu po prawej (zero ryzyka kolizji) */
@media (max-width:560px){
  .snw-subhead{ display:flex; justify-content:space-between; top:12px; }
}
@media (max-width:400px){
  .snw-subhome{ font-size:0; padding:9px 12px; }
  .snw-subhome .ar{ font-size:18px; }
}
@media (prefers-reduced-motion: reduce){ .snw-subhome:hover .ar{ transform:none; } .snw-dot{ animation:none; } }

/* MOBILE/TABLET: pasek podstrony PRZEWIJA SIĘ razem z treścią (nie pływa na sztywno nad
   kafelkami/sekcjami). Na desktopie zostaje fixed. To usuwa nachodzenie pilla „← Strona główna"
   na realizacje i inne podstrony na telefonie. */
@media (max-width:880px){
  .snw-subhead{ position:absolute; }   /* podstrony na telefonie: pigułka przewija się z treścią (minimalistycznie, bez przeskoku) */
}

/* ===========================================================
   Pełne menu TYLKO na stronie głównej (landing).
   Na podstronach zostaje wyśrodkowany pill „← Strona główna / nazwa".
   Aby przywrócić menu na podstronach — usuń regułę .snw-subnav{display:none}.
   =========================================================== */
.snw-subnav{ display:none; }
/* małe ekrany: pill zostaje na środku; wskaźnik „/ …” chowamy
   (tytuł strony i tak widać w nagłówku hero), nic się nie nachodzi */
@media (max-width:560px){
  .snw-subhead{ display:grid; }                       /* nadpisuje legacy flex */
  .snw-subhome{ font-size:13.5px; padding:7px 11px; min-height:44px; box-sizing:border-box; } /* nie zwijaj do ikony; touch target >=44px */
  .snw-subhome .ar{ font-size:16px; }
  .snw-subtag{ display:none; }
  .snw-subcenter{ padding:4px 13px; }                 /* kompensuje wyższy przycisk, pill nie puchnie */
}


/* === SNW hamburger (logo + menu na telefonie) === */
.snw-sublogo{ display:none; }
.snw-burger{ display:none; align-items:center; justify-content:center; flex-direction:column; gap:4px; width:46px; height:44px; padding:0; cursor:pointer; pointer-events:auto; background:rgba(255,255,255,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(14,26,43,.08); box-shadow:0 8px 26px -16px rgba(14,26,43,.4); border-radius:13px; }
.snw-burger span{ display:block; width:18px; height:2px; border-radius:2px; background:#0E1A2B; transition:transform .25s ease,opacity .2s ease; }
html.snw-menu-open .snw-burger span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
html.snw-menu-open .snw-burger span:nth-child(2){ opacity:0; }
html.snw-menu-open .snw-burger span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.snw-drawer{ display:none; }
/* Hamburger na podstronach wycofany — minimalistyczna piguｂka; .snw-sublogo/.snw-burger/.snw-drawer zostaja ukryte (display:none wyzej). */


/* SNW tap-targets >=44px (mobile, desktop nietknięty) */
@media (max-width:880px){ footer a{ display:inline-flex; align-items:center; min-height:44px; padding:4px 6px; } }

/* ===== KROPKI 3D - STATYCZNY PODKLAD (v2.0.1) =====
   Widoczne ZAWSZE (telefon + Windows z wylaczonymi animacjami).
   Gdy dziala animowana kanwa, JS wylacza ten podklad (background-image:none !important). */
[data-grid]{background-image:radial-gradient(rgba(14,26,43,.16) 1.2px, transparent 1.4px) !important;background-size:30px 30px !important;}
[data-grid="dark"]{background-image:radial-gradient(rgba(163,190,228,.17) 1.2px, transparent 1.4px) !important;background-size:30px 30px !important;}