/* ==================================================================
   E-BOZP.cz — společné pro celý web (sloučení 23. 8. 2026)

   Landingy všech tří programů žijí na jedné doméně jako podstránky.
   Tenhle soubor drží to, co mají všechny čtyři stránky společné:
   designové tokeny a hlavičku s menu.

   Tokeny byly do 23. 8. 2026 zkopírované v každé stránce zvlášť —
   čtyři kopie, které se začaly rozjíždět. Teď jsou tady jednou.
   Stránka smí token přepsat vlastním :root (SafeTutor tak má jiný
   svislý rytmus a tmavou barvu) — vlastní <style> je v dokumentu níž,
   takže vyhraje.

   Hlavička má vlastní jmenný prostor `ebz-`, aby se nepotkala
   s původními třídami stránek (.hdr, .brand, .act…).
   ================================================================== */

:root{
  --orange:#F7941D;
  --orange-hover:#E07D00;
  --orange-soft:#FFF5E9;
  /* Oranžová jako TEXT na světlém pozadí nesplní WCAG AA (2,35:1).
     Pro psaný text proto tmavší odstín, výplně zůstávají brandově oranžové. */
  --orange-ink:#A05C00;
  --green:#7AB648;
  --green-dark:#5A9A2E;

  /* Neutrály = kánon vizualni-jazyk.md §2.2 (sjednoceno 29. 8. 2026 —
     „web se srovná při příští úpravě kódu", rozhodnutí 27. 8. 2026). */
  --ink:#111318;
  --body:#39434F;
  --muted:#5A6472;
  --line:#E6EAF0;
  --line-soft:#F0F2F6;
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --black:#14161A;

  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --container:1200px;
  --gutter:clamp(20px,4vw,56px);

  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;
  --s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --s-sec:clamp(66px,8vw,120px);
  --s-blok:clamp(34px,4.6vw,58px);

  --ease:cubic-bezier(.16,1,.3,1);
  --sh-1:0 1px 2px rgba(15,23,42,.05);
  --sh-2:0 4px 16px rgba(15,23,42,.06);
  --sh-3:0 24px 70px -20px rgba(15,23,42,.22);
}

/* ---------- společná hlavička ---------- */
.ebz-hdr{position:sticky;top:0;z-index:60;background:rgba(250,250,250,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;
  transition:border-color .4s var(--ease)}
.ebz-hdr.pinned{border-color:var(--line)}
.ebz-hdr-in{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);
  height:76px;display:flex;align-items:center;gap:var(--s6)}

.ebz-znacka{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.ebz-znacka img{height:30px;width:auto;display:block}
.ebz-znacka b{font-size:1rem;color:var(--ink);letter-spacing:-.03em;
  padding-left:14px;border-left:1px solid var(--line);line-height:1.15}

/* Verzálky dělá sazba, ne markup — čtečky by velká písmena hláskovaly. */
.ebz-nav{display:flex;gap:var(--s5);margin-left:auto;align-items:center}
.ebz-nav a{color:var(--body);white-space:nowrap;text-decoration:none;
  font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  padding:6px 0;border-bottom:2px solid transparent;
  transition:color .35s var(--ease),border-color .35s var(--ease)}
.ebz-nav a:hover{color:var(--ink)}
/* stránka, na které stojíš */
.ebz-nav a.je{color:var(--ink);border-bottom-color:var(--orange)}

.ebz-akce{display:flex;align-items:center;gap:var(--s3);flex:none}
.ebz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:600;font-size:.9rem;padding:12px 20px;border-radius:4px;
  border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;
  transition:background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.ebz-btn-dark{background:var(--ink);color:#fff}
.ebz-btn-dark:hover{background:#2A2F36}

/* Když je venku pilulka, hlavičkové „Vybrat software" by bylo druhé stejné
   tlačítko na obrazovce (nález 31. 8. 2026, po revizi CTA). Mizí, přihlášení
   zůstává tmavé jak bylo — zadavatel 31. 8. 2026 zkusil oranžovou variantu
   a vrátil ji zpět, ať v hlavičce nesvítí druhá výrazná barva. */
html[data-pilulka="venku"] .ebz-akce .ebz-btn-primary{
  display:none}
/* Tmavý text na oranžové — WCAG AAA 8,3:1. Bílý text na oranžové se nepoužívá
   (~2,3:1). Rozhodnutí zadavatele 27. 8. 2026, vizualni-jazyk.md §2.4. */
.ebz-btn-primary{background:var(--orange);color:var(--ink)}
.ebz-btn-primary:hover{background:var(--orange-hover)}

@media (max-width:1180px){.ebz-nav{gap:var(--s4)}}
@media (max-width:1080px){
  /* Menu je hlavní navigace webu, na mobilu se nesmí ztratit jako dřív
     sekce jedné stránky — proto se posune pod logo a roluje do strany. */
  .ebz-hdr-in{height:auto;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:var(--s4)}
  .ebz-nav{order:3;width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none;
    padding-bottom:2px}
  .ebz-nav::-webkit-scrollbar{display:none}
  .ebz-akce{margin-left:auto}
}
@media (max-width:640px){
  .ebz-znacka b{display:none}
  .ebz-akce .ebz-btn-dark{padding:12px 14px}
  .ebz-btn{font-size:.82rem}
}
/* Na 320px displeji (iPhone SE) potřebovala obě tlačítka vedle sebe 322 px,
   ale k dispozici je jen 280 — stránka se dala posunout do strany.
   Obě CTA musí zůstat (zadání), takže dostanou vlastní řádek přes celou
   šířku a dělí se o něj napůl; delší popisek se zalomí na dva řádky. */
@media (max-width:345px){
  .ebz-akce{order:2;width:100%;margin-left:0;gap:10px}
  .ebz-akce .ebz-btn{flex:1 1 0;min-width:0;white-space:normal;text-align:center;
    line-height:1.25;padding:10px 12px}
}

/* ============================================================
   Plovoucí pilulka s hlavní výzvou (rozhodnutí zadavatele 31. 8. 2026)
   Chování a důvody: /pilulka.js. Tady jen vzhled.
   Kánon: radius 4, border místo stínu, na oranžové tmavý text.
   ============================================================ */
.ebz-pill{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  transition:opacity .32s var(--ease),transform .32s var(--ease)}
.ebz-pill[data-stav="skryto"]{opacity:0;transform:translateX(-50%) translateY(14px);
  pointer-events:none;visibility:hidden}

.ebz-pill-pruh{display:flex;align-items:stretch;gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:4px;overflow:hidden;
  box-shadow:0 6px 22px rgba(17,19,24,.13)}
.ebz-pill-pruh > *{background:var(--surface);border:0;font:inherit;font-size:.88rem;
  font-weight:600;color:var(--ink);padding:12px 20px;cursor:pointer;text-decoration:none;
  display:flex;align-items:center;gap:8px;white-space:nowrap;
  transition:background .18s var(--ease)}
.ebz-pill-hlavni{background:var(--orange);color:var(--ink)}
.ebz-pill-hlavni:hover{background:var(--orange-hover)}
.ebz-pill-koupit:hover{background:var(--orange-soft)}
.ebz-pill-pruh > *:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.ebz-pill-sip{font-size:.7rem;transition:transform .25s var(--ease)}
.ebz-pill.je-otevreno .ebz-pill-sip{transform:rotate(180deg)}

.ebz-pill-menu{width:min(330px,calc(100vw - 32px));background:var(--surface);
  border:1px solid var(--line);border-radius:4px;overflow:hidden;
  box-shadow:0 10px 34px rgba(17,19,24,.16);
  opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .22s var(--ease),transform .22s var(--ease)}
.ebz-pill.je-otevreno .ebz-pill-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.ebz-pill-menu-hlava{margin:0;padding:11px 16px;border-bottom:1px solid var(--line-soft);
  background:var(--bg);font-size:.66rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--muted)}
.ebz-pill-menu a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:11px 16px;border-bottom:1px solid var(--line-soft);text-decoration:none;
  color:var(--ink);font-size:.88rem;transition:background .16s var(--ease)}
.ebz-pill-menu a:last-child{border-bottom:0}
.ebz-pill-menu a:hover{background:var(--orange-soft)}
.ebz-pill-menu a:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.ebz-pill-menu a b{font-weight:600}
.ebz-pill-menu a i{font-style:normal;font-size:.78rem;color:var(--muted);white-space:nowrap}
.ebz-pill-vse{color:var(--orange-ink)!important;font-weight:600;justify-content:flex-start!important}


/* Na mobilu pilulka uprostřed padne přesně pod palec, tak z ní je pruh
   u spodní hrany přes celou šířku (revize 31. 8. 2026, varianta B pro mobil). */
@media (max-width:760px){
  .ebz-pill{left:0;right:0;bottom:0;transform:none;align-items:stretch;gap:0}
  .ebz-pill[data-stav="skryto"]{transform:translateY(100%)}
  .ebz-pill-pruh{border-radius:0;border-left:0;border-right:0;border-bottom:0;
    box-shadow:0 -4px 18px rgba(17,19,24,.12)}
  .ebz-pill-pruh > *{flex:1;justify-content:center;padding:14px 12px}
  .ebz-pill-menu{width:auto;border-radius:0;border-left:0;border-right:0;
    max-height:52vh;overflow-y:auto}
  .ebz-pill-menu,.ebz-pill.je-otevreno .ebz-pill-menu{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .ebz-pill,.ebz-pill-menu,.ebz-pill-sip{transition:none}
}