/* 3PG – style nawigacji wstrzykiwane wcześniej przez nav.js (<style id="navSpotCss">).
   Przeniesione 1:1 do motywu (Instrukcja sekcja 6: żadnego krytycznego CSS w JS/treści).
   Reszta stylów nav/stopki jest w 3pg.css. Ładowane po 3pg.css. */

.nav-search{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;transition:border-color .2s,color .2s;flex:none}
.nav-search:hover{border-color:var(--blue);color:var(--blue)}
.nav-search svg{width:18px;height:18px}
.msearch{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-family:var(--font);font-size:15px;font-weight:700;color:var(--navy);cursor:pointer;margin-bottom:10px}
.msearch svg{width:18px;height:18px;color:var(--blue);flex:none}
.nav-spot{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:13vh 18px 20px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.nav-spot.open{opacity:1;visibility:visible}
.ns-backdrop{position:absolute;inset:0;background:rgba(11,30,52,.5);backdrop-filter:blur(3px)}
.ns-panel{position:relative;width:100%;max-width:580px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px -20px rgba(11,30,52,.5);overflow:hidden;display:flex;flex-direction:column;max-height:72vh;transform:translateY(-12px) scale(.985);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.nav-spot.open .ns-panel{transform:none}
.ns-field{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line)}
.ns-field svg{width:21px;height:21px;color:var(--muted);flex:none}
.ns-field input{border:0;background:transparent;outline:none;font-family:var(--font);font-size:18px;color:var(--navy);width:100%;font-weight:500}
.ns-field input::placeholder{color:var(--muted)}
.ns-esc{flex:none;font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 7px;cursor:pointer;background:var(--paper-2);font-family:var(--font)}
.ns-results{overflow-y:auto}
.ns-head{padding:12px 19px 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ns-result{display:flex;flex-direction:column;gap:2px;padding:12px 19px;text-decoration:none;border-left:3px solid transparent;transition:background .15s,border-color .15s}
.ns-result:hover{background:var(--paper-2);border-left-color:var(--blue)}
.ns-t{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.01em}
.ns-t mark{background:var(--orange-soft);color:inherit;border-radius:3px;padding:0 2px}
.ns-d{font-size:12.5px;color:var(--muted);line-height:1.45}
.ns-rtop{display:flex;align-items:center;gap:10px;justify-content:space-between}
.ns-cat{flex:none;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:var(--paper-3);border-radius:20px;padding:3px 9px}
.ns-empty{padding:30px 19px;text-align:center;color:var(--muted);font-size:14px}
.ns-recent{border-top:1px solid var(--line);padding:11px 19px 14px;display:none}
.ns-recent.show{display:block}
.ns-recent .ns-head{padding:0 0 9px}
.ns-rchips{display:flex;flex-wrap:wrap;gap:8px}
.ns-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper-2);border-radius:20px;padding:6px 12px;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color .15s,color .15s}
.ns-chip:hover{border-color:var(--blue);color:var(--blue)}
.ns-chip svg{width:13px;height:13px;color:var(--muted);flex:none}
.foot-grid .foot-socials{display:flex;gap:12px;margin-top:18px}
.foot-grid .foot-social{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.1);color:#fff;padding:0;transition:background .2s,transform .2s}
.foot-grid .foot-social:hover{background:var(--blue);transform:translateY(-2px)}
.foot-grid .foot-social svg{width:20px;height:20px;display:block}

/* ---- Konto klienta 3PG (ikona fabryki w nagłówku + tooltip; mobile) ---- */
.nav-client-wrap{position:relative;display:inline-flex;flex:none}
.nav-client{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;transition:border-color .2s,color .2s}
.nav-client:hover{border-color:var(--blue);color:var(--blue)}
.nav-client svg{width:18px;height:18px}
.nav-tip{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;padding:7px 11px;border-radius:8px;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:90}
.nav-tip::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--navy)}
.nav-client-wrap:hover .nav-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mclient{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-family:var(--font);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:10px}
.mclient svg{width:18px;height:18px;color:var(--blue);flex:none}