:root{ /* Výška lišty napříč weby (v4 sjednocení, 2026-08-23). */ --vyska-listy:24px; --bg:#031a2a; --panel:#092f46; --panel2:#0f4663; --border:#155d80; --text:#c7e9f4; --muted:rgba(199,233,244,.58); --admin-blue-primary:#1f7da5; --admin-blue-light:#3ca4c5; --admin-blue-lightest:#8ed2e8; --admin-sw-collapsed:62px; --admin-sw-expanded:240px; --admin-speed:.3s; --gold:#d4af5a; --gold-dim:#8a713a; --ok:#4caf7d; --editable-outline: rgba(60,164,197,.55); --site-accent:var(--site-ink); --site-accent-ink:var(--site-bg); --site-bg:#fbfbfa; --site-bg-alt:#f3f3f1; --site-card-bg:#ffffff; --site-ink:#15150f; --site-text:#2b2b26; --site-muted:#6f6f68; --site-border:rgba(21,21,15,.11); --site-radius:9px; /* Boční mezera kontejnerů webu (2026-08-20) - jedno místo pro všech deset výskytů formule `min(72rem, 100% - X)`, včetně `> *` kontejnerů celoplošných sekcí (`#vyhody-summary-section`, `.manifesto`, `.alt`, `.brand-cta`), které mají `width:auto` a odsazení řeší až dítě. Přepisuje se v pásmu 901-1340 px, viz `#preview` níž. */ --site-gutter:3rem; --site-shadow:0 20px 45px -25px rgba(21,21,15,.22); --site-font-display:'Inter',sans-serif; --admin-wash: rgba(31,125,165,.07); } *{box-sizing:border-box;} /* Self-hosted Inter variable font (2026-08-11, PO: "potřebujeme používat písmo Inter nejen pro logo... i na těchto webech" - sjednoceno s blueorcawebsites.eu, stejný zdroj, stejná technika: jeden proměnný soubor pokrývá řezy 300-800, dva soubory jen kvůli unicode-range (latin / latin-ext pro českou diakritiku). Nahrazuje systémový font stack, který spolehlivě nerenderoval lehčí (300) řez. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('fonts/inter-latin-ext.woff2?v=20260825') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('fonts/inter-latin.woff2?v=20260825') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* overflow-anchor:none (2026-08-11, scroll choreografie topnavu) - sjednoceno s audit.blueorcawebsites.eu, viz komentář tam. */ html{overflow-x:hidden;touch-action:manipulation;overflow-anchor:none;} body{margin:0;overflow-x:hidden;max-width:100vw;touch-action:manipulation;font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);} a{color:inherit;} /* Lišta napříč weby BlueOrca — sdílený blok napříč weby BlueOrca. Obsah, markup a barevné varianty zdokumentované v library/standards/network-bar.md (workspace repo engine-ai, PO 2026-08-10). Tenhle soubor je jedna instance. Normal flow, ne fixed (2026-08-11, PO: „na adminu se nezasouvá ta lišta" — dřív `position:fixed` mimo #preview, jedinou scrollovatelnou oblast stránky, takže neměla co by ji odscrollovalo). Přesunuta v HTML dovnitř `#preview`, jako první dítě před `.site-topnav`, přesně jako na audit/metrics - scrolluje pryč čistě prohlížečovým scrollem, žádný JS. `left`/`z-index` odpadly - lišta je normal-flow uvnitř `#preview`, který od 2026-08-20 sahá přes celé okno (viz `#content` níž), takže její levý okraj překryje sidebar sám; sidebar (fixed, z-index 5010) zůstává nad normal-flow obsahem automaticky, i bez z-index závodu (PO: „admin má být nad vším i nad lištou"). Barvy sdílené s panelem admin dema (--panel2, --border, --text, --bg, --admin-blue-lightest). `!important` všude (PO: „styly lišty by měly být important a nepřepisovatelné webem"). Aktivní tab: Admin. */ /* `position:fixed` (2026-08-23, v4 sjednocení): lišta a hlavička tvoří JEDEN blok posouvaný jedním sdíleným `transform` (script.js). Ruší normal-flow režim z 2026-08-11 — dokud byla lišta součástí toku, posouval ji prohlížeč a hlavičku JS, takže se při scrollu nahoru hlavička vracela uprostřed stránky sama, bez lišty (PO 2026-08-23). Sidebar zůstává nad ní i tak (fixed, z-index 5010) — PO: „admin má být nad vším i nad lištou". Jejích 24 px v toku dorovnává `#preview{padding-top}` níž. */ .network-bar{background:var(--panel2) !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:40 !important;will-change:transform !important;} .network-bar.je-svetla{background:#eaf4f8 !important;} /* Sjednoceno s audit/metrics (PO 2026-08-11: „admin taky sjednotit, pokud to není blízko" - bylo 1200px/3rem, teď stejná fluidní formule jako zbytek layoutu níž, viz .site-topnav-inner/.site-section). */ /* Celá lišta scrolluje jako JEDEN pruh, ne jen produkty (2026-09-02, port z metrics.blueorcawebsites.eu po PO potvrzení - viz network-bar.md). Když se vejde: justify-content:space-between + .network-contact's order:-1;margin-right:auto níž drží kontakt vlevo, brand+produkty vpravo. Když ne: nic nesmršťuje (flex:none všude), celý řádek jde jako jeden celek do overflow-x:auto na .network-inner. */ .network-inner{display:flex !important;align-items:stretch !important;justify-content:space-between !important;gap:0 !important;height:24px !important;width:min(72rem, 100% - var(--site-gutter)) !important;margin-inline:auto !important;line-height:1 !important;text-shadow:none !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;} .network-inner::-webkit-scrollbar{display:none !important;} /* Šipky "dá se to posunout" (2026-09-02, port z metrics) - sedí v gutteru mezi .network-bar (edge-to-edge) a .network-inner (width:min() container). Čistě vizuální nápověda (pointer-events:none), JS přepíná viditelnost podle .ma-scroll-vlevo/.ma-scroll-vpravo na .network-bar. */ .network-edge{position:absolute !important;top:0 !important;bottom:0 !important;width:24px !important;display:none !important;align-items:center !important;z-index:2 !important;color:rgba(224,240,246,.55) !important;pointer-events:none !important;} .network-edge-vlevo{left:0 !important;justify-content:flex-start !important;padding-left:4px !important;background:linear-gradient(to right,var(--panel2) 40%,transparent) !important;} .network-edge-vpravo{right:0 !important;justify-content:flex-end !important;padding-right:4px !important;background:linear-gradient(to left,var(--panel2) 40%,transparent) !important;} .je-svetla .network-edge{color:rgba(15,70,99,.5) !important;} .je-svetla .network-edge-vlevo{background:linear-gradient(to right,#eaf4f8 40%,transparent) !important;} .je-svetla .network-edge-vpravo{background:linear-gradient(to left,#eaf4f8 40%,transparent) !important;} .network-bar.ma-scroll-vlevo .network-edge-vlevo, .network-bar.ma-scroll-vpravo .network-edge-vpravo{display:flex !important;} /* Preventivní reset (2026-08-11, PO): .network-scroll je reálný