/* VERZE: 17 — pri KAZDE zmene zvednout i `?v=` ve vsech strankach! * Hosting servíruje tenhle soubor s roční cache klíčovanou celou adresou; * beze zvednutí `?v=` dostávají lidi starou verzi a chyba je TICHÁ. * * Scorify — sdílený chrome (header + footer) pro statické stránky. * Header i footer renderuje chrome.js z JEDNOHO zdroje se STEJNÝMI třídami jako * homepage; tenhle soubor nese IDENTICKÉ CSS chrome (zkopírováno ze styles.css), * takže statické stránky vypadají 1:1 jako homepage — včetně přihlášení/odhlášení. * Font Inter si stránky načítají SAMY v (odkazem, ne @importem): * @import uvnitř tohoto souboru znamenal tři kola za sebou — HTML, pak * pages.css, teprve pak CSS od Googlu a nakonec soubor písma. Text proto * dlouho svítil náhradním písmem a při doskočení Interu poskočil. */ @font-face { font-family: 'Inter Fallback'; src: local('Arial'); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; } :root { --font: 'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; --blue: #1467ff; --blue-2: #0b8cff; --green: #2ed47a; --yellow: #ffe32e; --red: #ff4d57; --navy: #031736; --muted: #6b7590; --line: #dde5f1; } /* Vždy rezervuj místo pro svislý scrollbar — jinak při přepínání mezi vysokou * (se scrollbarem) a nízkou stránkou (bez) celý vycentrovaný obsah skáče do stran. */ html { scrollbar-gutter: stable; } /* Stránka vždy vyplní celou výšku okna — na krátkém obsahu (Pro firmy, API…) by jinak patička "vyplavala" doprostřed obrazovky místo dole. Footer má margin-top:auto (níž), takže se sám dotlačí na spodek, i když main flex nemá. */ html, body { min-height: 100%; } body { display: flex; flex-direction: column; min-height: 100vh; font-family: var(--font) !important; } .sc-chrome button { font-family: var(--font); } /* ===== HEADER (1:1 homepage) ===== */ .container { width: min(1410px, calc(100% - 80px)); margin-inline: auto; } .topbar { height: 58px; background: #051733; color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); position: relative; } .topbar .nav, .topbar > .container { height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 28px; } .topbar .brand { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: #fff; text-decoration: none; } .brand-logo { height: 30px; width: auto; display: block; } .topbar nav.menu { display: flex; height: 100%; align-items: center; gap: 42px; font-size: 15px; } .topbar nav.menu a { height: 100%; display: flex; align-items: center; border-bottom: 2px solid transparent; color: #f5f8ff; text-decoration: none; font-weight: 400; } .topbar nav.menu a.active, .topbar nav.menu a:hover { border-bottom-color: #2d9cff; color: #fff; } .nav-toggle { display: none; background: none; border: 0; color: #dbe8ff; cursor: pointer; padding: 6px; margin: -6px; border-radius: 8px; } .nav-toggle:hover { background: rgba(255,255,255,.08); } .nav-actions { display: flex; align-items: center; gap: 22px; } .login { font-size: 15px; color: #fff; background: none; border: none; cursor: pointer; text-decoration: none; } .cta-btn { background: linear-gradient(135deg,#0d5ff0,#139cff); color: #fff; padding: 10px 24px; border-radius: 7px; font-weight: 700; box-shadow: 0 10px 24px rgba(14,116,255,.28); border: none; cursor: pointer; font-size: 15px; text-decoration: none; display: inline-block; } .user-chip { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #fff; font-size: 13.5px; font-weight: 600; padding: 5px 14px 5px 6px; cursor: pointer; max-width: 220px; text-decoration: none; } .user-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icon-btn { background: none; border: none; color: #cfe0f3; cursor: pointer; display: inline-flex; padding: 4px; } .icon-btn:hover { color: #fff; } .avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex: none; } .avatar-sm { width: 26px; height: 26px; } .avatar-initial { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--blue-2),var(--green)); color: #06183a; font-weight: 800; font-size: 13px; } /* Šířku obsahu (main) si řídí KAŽDÁ statická stránka vlastním inline