/* ============================================================ PROTOCOL launch: jednotná projektová navigace Jeden web, jeden pruh. Vkládá se jako první prvek na interních stránkách (veřejný dotazník na kořeni ji záměrně NEMÁ). Struktura (kanonický markup je v /SABLONA-STRANKY-webu.html): Řádek „Launch" kopíruje postup launche v čase, nepřerovnávat. Řádek „Podklady" jsou referenční stránky a nástroje. Aktivní položka dostane class="on". ============================================================ */ .pnav{ background:#002B5C;border-bottom:1px solid rgba(254,196,131,.28); font-family:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace; position:relative; } .pnav-in{ max-width:1160px;margin:0 auto;padding:7px 16px; display:flex;align-items:stretch;gap:14px; } .pnav-brand{ display:flex;align-items:center; font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; color:#FEC483;padding-right:14px;white-space:nowrap; border-right:1px solid rgba(254,196,131,.22);flex:0 0 auto; } .pnav-rows{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px} .pnav-row{ display:flex;align-items:center;gap:2px;min-width:0; overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none; } .pnav-row::-webkit-scrollbar{height:0} .pnav-cap{ flex:0 0 88px;font-size:12px;font-weight:700;letter-spacing:.14em; text-transform:uppercase;color:rgba(254,196,131,.5);white-space:nowrap; } .pnav a{ font-size:12.5px;font-weight:500;letter-spacing:.04em; color:rgba(255,242,229,.72);text-decoration:none; padding:6px 9px;white-space:nowrap;border-bottom:2px solid transparent; transition:color .15s,border-color .15s;flex:0 0 auto;border-radius:3px 3px 0 0; } .pnav a:hover{color:#fff} .pnav a.on{color:#FEC483;border-bottom-color:#FEC483} .pnav a.ext{color:rgba(255,242,229,.5)} .pnav a.ext:hover{color:rgba(255,242,229,.85)} .pnav a:focus-visible{outline:2px solid #FEC483;outline-offset:-2px} /* Delší řádek se na užší obrazovce nevejde, roluje do stran. Fade na pravém okraji dává najevo, že vpravo něco je. */ .pnav::after{ content:"";position:absolute;right:0;top:0;bottom:0;width:26px;pointer-events:none; background:linear-gradient(to right,rgba(0,43,92,0),#002B5C); } @media(max-width:640px){ .pnav-in{padding:6px 10px;gap:0} .pnav-brand{display:none} .pnav-cap{flex-basis:80px;font-size:12px} .pnav a{padding:6px 8px;font-size:12px} }