/* Hlavička veřejných stránek na počítači (úvod, Služby, Ceník, Kontakt, Jak pracujeme, právní a přihlašovací stránky — šablony
   s navigací Služby / Jak pracujeme / Ceník / Kontakt). Rozcestí 5 vstupů 25. 10. 2026 (docs/schvalene/rozcesti-5-2026-10-25/):
   „Navigaci vycentrovat mezi logem a přihlášením, písmo 18 px a stejné rozestupy.“ Skupina odkazů zabírá právě prostor mezi
   logem a pravou skupinou (přihlášení / účet, jazyk, ← Zpět) se stejnou mezerou na obou stranách a je v něm uprostřed;
   18 px a 40 px mezery jsou skutečně vykreslené: rám se zmenšuje měřítkem --at-z (atelier.js, společný rám v35), proto / var(--at-z).
   Portálový rám (šablony bez této navigace) se nemění — připojuje jen atelier.dokument() u stránek s touto navigací.
   :not(#hx) = váha identifikátoru, aby pravidla přebila starší vrstvy (LandingPotreby.css, vzhled-produkt.css) bez dalšího zásahu. */
@media(min-width:601px){
html:not(#hx) body .at-d .at header.s2:has(>.s8>nav.s9>a.navlink){gap:calc(32px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2:has(>.s8>nav.s9>a.navlink)>a.s3{width:auto!important;flex:none!important}
html:not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink){flex:1 1 auto!important;min-width:0;display:flex!important;align-items:center;
  gap:calc(32px / var(--at-z,1))!important;width:auto!important;margin:0!important}
html:not(#hx) body .at-d .at header.s2>.s8>nav.s9:has(>a.navlink){flex:1 1 auto!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;
  display:flex!important;justify-content:center!important;align-items:center;gap:calc(40px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2>.s8>nav.s9>a.navlink{font-size:calc(18px / var(--at-z,1))!important;padding-left:0!important;padding-right:0!important;
  margin:0!important;white-space:nowrap;flex:none}
html:not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink)>.s11{width:auto!important;flex:none!important;margin:0!important}
/* Revize Sama ad18cbdb bod 5: „Přihlásit se“ (přihlášený „Můj účet“) i na podstránkách, ne jen na úvodu — zlatě orámovaná pilulka
   za navigací jako na úvodu, 18 px a 44 px vykresleno; nabídka účtu Portál / Administrace / Odhlásit se (atelier._prihlaseni_v_hlavicce). */
html:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary){display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;min-height:calc(44px / var(--at-z,1));margin:0;padding:0 calc(22px / var(--at-z,1));border:1.5px solid #d9ae55;border-radius:999px;
  background:rgba(10,8,5,.6);color:#f6efe0;font:600 calc(18px / var(--at-z,1))/1.1 'Public Sans',sans-serif;text-decoration:none;white-space:nowrap;
  cursor:pointer;list-style:none}
html:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet){flex:none}
html:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary):hover{border-color:#f0c864}
html:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary):focus-visible{outline:2px solid var(--hx-gold,#e3b656);outline-offset:3px}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet{position:relative;display:flex}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet>summary::-webkit-details-marker{display:none}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet:not([open])>.at-nav-ucet-nabidka{display:none}
/* revize Sama af65bf00: černé lišty ořezávají hlavičku (clip-path inset 0 …, spolecne-pozadi.css) — otevřená nabídka účtu
   přesahuje dolů jako nabídka jazyků (tam výjimka :has([data-at-jazyky][aria-expanded=true])), jinak ji nejde vidět ani prokliknout */
html[data-listy] body .at-d header.s2:has(.at-nav-ucet[open]){clip-path:inset(0 -1000vmax -720px);box-shadow:none}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet[open]>.at-nav-ucet-nabidka{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:flex;
  flex-direction:column;gap:8px;width:calc(240px / var(--at-z,1));box-sizing:border-box;padding:12px;background:#080808;border:1px solid #b79143;border-radius:22px}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet-nabidka :is(a,button){display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;
  min-height:calc(44px / var(--at-z,1));padding:0 16px;border:1px solid rgba(227,182,86,.45);border-radius:14px;background:#0c0a07;color:#f6efe0;
  font:600 calc(16px / var(--at-z,1))/1.2 'Public Sans',sans-serif;text-decoration:none;cursor:pointer}
html:not(#hx) body .at-d .at header.s2 .at-nav-ucet-nabidka form{margin:0}
}
/* Vzdělávání a Rodiče a děti (měřítko 1, bez zmenšení rámu): pod 1360 px by logo, navigace, přihlášení, jazyk a Zpět přesáhly šířku
   (1200 × 750: překryv loga a odkazů) → menší stejné mezery a „← Zpět“ jen jako šipka 44 × 44 jako na telefonu (text zůstává
   přístupným názvem). Písmo navigace i přihlášení dál 18 px. */
@media(min-width:601px) and (max-width:1359.98px){
html[data-education]:not(#hx) body .at-d .at header.s2:has(.at-nav-prihlasit){gap:16px!important}
html[data-education]:not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink):has(>.at-nav-prihlasit){gap:16px!important}
html[data-education]:not(#hx) body .at-d .at header.s2>.s8:has(>.at-nav-prihlasit)>nav.s9:has(>a.navlink){gap:24px!important}
html[data-education]:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary){padding:0 16px}
html[data-education]:not(#hx) body .at-d .at header.s2:has(.at-nav-prihlasit) .at-nav-zpet{width:44px;min-width:44px;padding:0!important;font-size:0!important;
  color:transparent!important}
html[data-education]:not(#hx) body .at-d .at header.s2:has(.at-nav-prihlasit) .at-nav-zpet::before{content:"←";font-size:22px;line-height:1;color:var(--hx-gold,#e3b656)}
}
/* Užší počítač 1024–1279 px (všechny podstránky s přihlášením v hlavičce): totéž zúžení i u stránek zmenšených rámem a logo
   menší (zoom), ať se hlavička vejde bez překrytí; navigace a přihlášení dál stejné písmo jako výše.
   R7 PNAV (revize Sama d9daca07): totéž i úvod (přihlášení .landing-a-login, přihlášený .landing-a-account) — na 1100 a 1024 px dřív logo překrývalo „Služby“.
   Mezera logo–navigace má váhu základního pravidla (:has(>.s8>nav.s9>a.navlink)), jinak zůstávala 32 px a navigace nebyla
   uprostřed; do 1279 px, protože na 1200 px se 18 px navigace podstránek s plnými mezerami nevejde (okraje 1 px).
   Pod 601 px platí telefonní hlavička s menu ☰ (stejné cíle). */
@media(min-width:601px) and (max-width:1279.98px){
html:not(#hx) body .at-d .at header.s2:has(>.s8>nav.s9>a.navlink):has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)){gap:calc(16px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>a.s3{zoom:.78}
html:not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink):has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)){gap:calc(16px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2>.s8:has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>nav.s9:has(>a.navlink){gap:calc(24px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary){padding:0 calc(16px / var(--at-z,1))}
html:not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)) .at-nav-zpet{width:calc(44px / var(--at-z,1));min-width:calc(44px / var(--at-z,1));padding:0!important;
  font-size:0!important;color:transparent!important}
html:not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)) .at-nav-zpet::before{content:"←";font-size:calc(22px / var(--at-z,1));line-height:1;color:var(--hx-gold,#e3b656)}
}
@media(min-width:601px) and (max-width:1099.98px){
html:not(#hx) body .at-d .at header.s2:has(>.s8>nav.s9>a.navlink):has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)){gap:calc(12px / var(--at-z,1))!important;padding-left:calc(24px / var(--at-z,1))!important;
  padding-right:calc(24px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>a.s3{zoom:.62}
html:not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink):has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)){gap:calc(12px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2>.s8:has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>nav.s9:has(>a.navlink){gap:calc(16px / var(--at-z,1))!important}
html:not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)) .s11{gap:calc(8px / var(--at-z,1))!important}
}
/* Klasifikace sady f8ea419d (26. 10., test_menu_zalamovani): es/pt/fr mají delší popisky („Cómo trabajamos“, „Iniciar sesión“,
   „ES-ES“) → na 1100 px chybělo ~80 px: navigace se smrštila pod obsah a „Servicios“ přesahoval logo, „Contacto“ přihlášení.
   Jen pro tyto jazyky a jen do 1279 px: menší mezery, užší jazyk a přihlášení, logo o kus menší; navigace se už nesmršťuje.
   Čeština a ostatní jazyky beze změny. */
@media(min-width:1060px) and (max-width:1279.98px){
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>a.s3{zoom:.68}
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2>.s8:has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account))>nav.s9:has(>a.navlink){gap:calc(16px / var(--at-z,1))!important;flex-shrink:0}
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2>.s8:has(>nav.s9>a.navlink):has(>:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)){gap:calc(12px / var(--at-z,1))!important}
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2 :is(a.at-nav-prihlasit,.at-nav-ucet>summary){padding:0 calc(12px / var(--at-z,1))}
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2:has(a.navlink) button[data-at-jazyky]{padding:0 calc(10px / var(--at-z,1));gap:calc(6px / var(--at-z,1))}
html:is([lang|=es],[lang|=pt],[lang|=fr]):not(#hx) body .at-d .at header.s2:has(:is(.at-nav-prihlasit,.landing-a-login,.landing-a-account)) .s11{gap:calc(8px / var(--at-z,1))!important}
}
/* Noční oprava 1 (jednotné měřítko 0,9): veřejná hlavička — výběr jazyka a „← Zpět“ vykresleny ≥ 16 px jako navigace (dřív 14,4 px) */
html:not(#hx) body .at-d header.s2:has(a.navlink) :is(button[data-at-jazyky],a.at-nav-zpet){font-size:calc(16px / var(--at-z,1))!important}