/* Unified top navigation injected by functions/_middleware.ts on every public page. Dwa tryby: solid (domyslny, strony tresciowe) + overlay (landingi hero, klasa .akro-nav--overlay). Overlay jest przezroczysty u gory i zmienia sie w solidny po scrollu (klasa .is-scrolled dodawana przez akro-nav.js). Offset tresci pod nav jest doklejany przez middleware na koncu - NIE w tym pliku - zeby nie dalo sie go nadpisac resetem `html,body{padding:0}` na stronie. Tu zostaje tylko zmienna wysokosci i scroll-padding-top (kotwice). */ :root{--akro-nav-h:72px;--akro-red:#C41E3A;--akro-red-dk:#A51932} html{scroll-padding-top:var(--akro-nav-h)} .akro-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;font-family:'Montserrat','Inter',sans-serif;background:rgba(10,20,40,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 2px 20px rgba(0,0,0,.28);transition:background .28s ease,box-shadow .28s ease,border-color .28s ease} .akro-nav *{box-sizing:border-box} /* Tryb overlay - przezroczysty nad hero, scrim u gory dla czytelnosci logo/menu nad jasnym zdjeciem. */ .akro-nav--overlay{background:transparent;border-bottom-color:transparent;box-shadow:none} .akro-nav--overlay::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,0));transition:opacity .28s ease} .akro-nav--overlay.is-scrolled{background:rgba(10,20,40,.97);border-bottom-color:rgba(255,255,255,.06);box-shadow:0 2px 20px rgba(0,0,0,.28)} .akro-nav--overlay.is-scrolled::before{opacity:0} .akro-nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0} .akro-nav__logo img{display:block;height:44px;width:auto} .akro-nav__logo-text{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;letter-spacing:.24em;color:#fff;text-transform:uppercase} .akro-nav__menu{list-style:none;display:flex;gap:24px;margin:0;padding:0;align-items:center;flex:1;justify-content:center} .akro-nav__menu li{display:block} .akro-nav__menu a{position:relative;color:rgba(255,255,255,.66);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:6px 0;transition:color .18s} .akro-nav__menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--akro-red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease} .akro-nav__menu a:hover{color:#fff} .akro-nav__menu a:hover::after,.akro-nav__menu a[aria-current="page"]::after{transform:scaleX(1)} .akro-nav__menu a[aria-current="page"]{color:#fff} .akro-nav__right{display:flex;align-items:center;gap:16px;flex-shrink:0} .akro-nav__lang{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:color .18s} .akro-nav__lang:hover{color:#fff} .akro-nav__wa{display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.7;text-decoration:none;transition:opacity .18s,transform .18s} .akro-nav__wa:hover{opacity:1;transform:translateY(-1px)} .akro-nav__cta{display:inline-block;background:var(--akro-red);color:#fff;padding:11px 22px;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s} .akro-nav__cta:hover{background:var(--akro-red-dk);transform:translateY(-1px);box-shadow:0 6px 18px rgba(196,30,58,.35)} .akro-nav__burger{display:none;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;gap:5px} .akro-nav__burger span{display:block;width:24px;height:2px;background:#fff;transition:transform .2s,opacity .2s} .akro-nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .akro-nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0} .akro-nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media(max-width:1024px){:root{--akro-nav-h:68px}.akro-nav{padding:12px 20px}.akro-nav__menu{gap:18px}.akro-nav__menu a{font-size:11px;letter-spacing:.14em}} @media(max-width:880px){ .akro-nav__menu{display:none;position:fixed;top:var(--akro-nav-h);left:0;right:0;flex-direction:column;background:rgba(10,20,40,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px 32px;gap:20px;border-top:1px solid rgba(255,255,255,.06);max-height:calc(100vh - var(--akro-nav-h));overflow-y:auto} .akro-nav__menu.open{display:flex} .akro-nav__menu a{font-size:13px;letter-spacing:.18em} .akro-nav__menu a::after{display:none} .akro-nav__lang{display:none} .akro-nav__menu .akro-nav__lang-mobile{display:inline-flex} .akro-nav__burger{display:flex} .akro-nav__cta{padding:9px 16px;font-size:10px} } .akro-nav__lang-mobile{display:none} @media (prefers-reduced-motion: reduce){ .akro-nav,.akro-nav__cta,.akro-nav__wa,.akro-nav__menu a,.akro-nav__menu a::after,.akro-nav--overlay::before{transition:none} .akro-nav__cta:hover,.akro-nav__wa:hover{transform:none} }