), takže následující nadpis (h1-h4 mají nahoře margin:0, spoléhají na odstup PŘEDCHÁZEJÍCÍHO prvku) bez tohohle pravidla nalepí rovnou na text adresy. Stejná oprava se týká i page-prohlaseni-o-pristupnosti.php (taky používá
v .entry-content). `.contact-grid address` na homepage má vlastní pravidlo, sem nezasahuje. */ .entry-content address { font-style: normal; line-height: 1.6; margin: 0 0 1em; } .container { max-width: var(--maxw); margin: 0 auto; padding: 0 20px; } .section { padding: 46px 0; } .section--soft { background: var(--bg-soft); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); } .head-underline { position: relative; padding-bottom: 4px; } .head-underline::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px; background: var(--green-fill); } /* ========================================================= SKIP LINK ========================================================= */ .skip-link { position: absolute; left: 12px; top: -100px; background: #14200f; color: #fff; padding: 10px 16px; border-radius: var(--radius); font-weight: 600; z-index: 300; text-decoration: none; } .skip-link:focus { top: 12px; outline: 3px solid var(--gold); } .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* ========================================================= TOP UTILITY BAR — přístupnostní ovládání (požadavek DIA); na dnešním webu není, jde o povinný doplněk, proto drženo maximálně nenápadně ========================================================= */ .util-bar { background: #f2f2f0; border-bottom: 1px solid var(--border); font-size: 0.82rem; color: var(--text-muted); padding: 6px 0; } .util-bar .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .util-links { display: flex; gap: 16px; flex-wrap: wrap; } .util-links a { color: var(--text-muted); text-decoration: none; } .util-links a:hover { color: var(--green-text); text-decoration: underline; } .a11y-controls { display: flex; gap: 8px; align-items: center; } .a11y-controls span { margin-right: 2px; } .a11y-controls button { background: #fff; border: 1px solid var(--border); color: var(--text); padding: 2px 8px; border-radius: 4px; cursor: pointer; font: inherit; font-size: 0.8rem; min-width: 30px; min-height: 30px; } .a11y-controls button:hover { border-color: var(--green-text); color: var(--green-text); } .a11y-controls button[aria-pressed="true"] { background: var(--green-fill); color: #fff; border-color: var(--green-fill); } /* ========================================================= HEADER + NAVIGACE ========================================================= */ .site-header { background: #fff; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 100; } .site-header .container { display: flex; align-items: center; gap: 20px; padding-top: 12px; padding-bottom: 12px; } /* Širší max-width JEN pro horní lištu hlavičky (6.8.2026, na přání — "zkontroluj hlavní menu, aby bylo ve stejné řádce... menu lítá"), ne pro celý web — `.site-header > .container` (dítě, ne obecné potomek) míří VÝHRADNĚ na tenhle vnější řádek loga+menu, ne na vnitřní `.container.dropdown__grid` uvnitř mega menu (ten je taky potomek `.site-header`, ale o několik úrovní hlouběji, takže obecný selektor `.site-header .container` by ho omylem zasáhl taky — proto child combinator `>`). Běžný obsah webu (`--maxw: 1180px`) zůstává beze změny, mění se jen šířka, do které se vejde logo + 9 položek menu + lupa. Viz vysvětlení u `.main-nav > ul` a mediálního dotazu níž, kde se řeší SKUTEČNÁ příčina "lítání" menu. */ .site-header > .container { max-width: 1360px; } .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #000; flex-shrink: 0; } /* Logo je celá "lockup" značka (erb + nápis uvnitř SVG, viz komentář v header.php) — jen pevná výška, šířka podle přirozeného poměru stran. */ .brand img { height: 44px; width: auto; flex-shrink: 0; } .main-nav { margin-left: auto; display: flex; gap: 2px; align-items: center; } /* PŮVODNĚ `flex-wrap: wrap` (6.8.2026, na přání — "zkontroluj hlavní menu, aby bylo ve stejné řádce i když je za položkou submenu... menu lítá"). Skutečná příčina: devět položek menu + lupa se přirozeně (bez zalomení) vejdou až na ~1000px šířky, ale hlavička byla omezená sdíleným `--maxw: 1180px` (po odečtení loga/mezer/lupy zbylo míst jen ~890px) — menu se tak VŽDY zalamovalo na 2 řádky, na jakékoli obrazovce širší než telefon (přepínač na hamburger menu byl nastavený jen na 760px, viz mediální dotaz níž), ne jen výjimečně při úzkém okně. K tomu se navíc při dokončení načtení webfontu Oswald (`display=swap` ve functions.php) mění šířky písmen oproti dočasnému náhradnímu fontu — proto to vypadalo, že menu "lítá"/přeskakuje, ne jen že je rozdělené na dva řádky natrvalo. Oprava: `.site-header > .container` má teď vlastní širší max-width (1360px, viz výš) A mediální dotaz pro hamburger menu byl posunutý z 760px rovnou na 1360px (dole) — takže se VŽDY buď menu vejde na jeden řádek (širší obrazovky), nebo se rovnou použije hamburger menu (užší obrazovky/tablety), nikdy ne zalomený dvouřádkový stav mezi tím. `nowrap` tohle vynucuje deklarativně — kdyby se přesto obsah nevešel (např. výrazně delší text položky menu v budoucnu), přetečení bude rovnou vidět/testovatelné, ne tiše schované za zalomením řádku. OPRAVA (6.8.2026, na přání — "mobilní menu se přepíná příliš brzy, než může být zobrazeno"): 1360px byl jen odhad "ať je určitě dost místa", ne změřená hodnota — ve skutečnosti se devítka položek + lupa i se skutečným SVG logem (reálný Oswald, ne náhradní font) vejde na jeden řádek už od ~1067px šířky hlavičky (změřeno Playwright binárním hledáním minimální šířky bez zúžení `.main-nav > ul`). Hamburger menu se tak zbytečně nasazovalo i na širokých obrazovkách/oknech mezi ~1067–1360px, kde by se vodorovné menu klidně vešlo — proto se PŘEPÍNAČ na hamburger menu (mediální dotaz níž) stáhnul z 1360px na 1150px (~83px rezerva nad změřeným minimem, na scrollbar/zoom/budoucí drobné rozšíření textu položky). Šířka `.site-header > .container` (řádek výš, 1360px) NEBYLA měněna — pořád dává hezkou rezervu na opravdu širokých monitorech, jen už neurčuje, KDY se menu sbalí do hamburgeru, to teď dělá jen mediální dotaz samostatně. */ .main-nav > ul { display: flex; list-style: none; margin: 0; padding: 0; gap: 2px; flex-wrap: nowrap; } /* POZOR: záměrně BEZ position:relative na`, tabulka v obsahu
příspěvku): bez něj má grid položka `min-width: auto` a dlouhý
nezalomitelný obsah by sloupec roztlačil, místo aby se zalomil.
`max-width` drží čtecí řádek v rozumné délce i na velkých monitorech. */
.post-main { min-width: 0; max-width: 860px; }
/* Nadpis je samostatná položka mřížky v 1. řádku, obsah a "Podrobnosti"
až ve 2. řádku (17.8.2026, na přání — "tu pravou část s meta informacemi
… dej do roviny začátku příspěvku ne nadpisu"). Řeší to SDÍLENÁ třída
`.deska-head` (viz sekce ÚŘEDNÍ DESKA níž) — stejný prvek, jaký od
17.8.2026 používají i statické stránky s postranním menu, dokumentové
stránky a archivní výpisy. Tady se k ní nic zvláštního nepřidává. */
/* Video se u 860px `.container`u záměrně roztahovalo přes jeho vnitřní
padding (`margin: 0 -20px`, viz `.post-video` výš). Uvnitř mřížky už
žádný takový vnitřní odstup není — přesah by video vystrčil pod svislý
štítek vlevo a do mezery mřížky vpravo. */
.post-layout .post-video { margin-left: 0; margin-right: 0; }
.post-side.col-labeled { padding-left: 28px; }
/* Štítek začíná úplně nahoře (v rovině H1 v levém sloupci), čárka pod
textem — stejné pořadí jako homepage, jen bez jejího `padding-top`,
který tam existuje kvůli zachování původní polohy textu. */
.post-side .col-label-vert { padding-top: 0; }
.post-side__block { margin-bottom: 26px; }
.post-side__block:last-child { margin-bottom: 0; }
.post-side__block + .post-side__block { padding-top: 22px; border-top: 1px solid var(--border); }
/* Velikost písma v pravém sloupci „Podrobnosti“ (18.8.2026, na přání —
„přijde mi, že by se to písmo dalo o nějaké procento zvětšit“).
Zvětšeno zhruba o desetinu napříč celým sloupcem, ať to zůstane
proporční: nadpisy bloků 0,85 → 0,92 rem, hodnoty 0,9 → 1 rem,
popisky údajů 0,72 → 0,78 rem, seznamy 0,88 → 0,95 rem.
POZNÁMKA K SYSTÉMU: nadpisy ostatních vedlejších bloků na webu
(`.deska-sidebar h2`, `.footer-col h3`, `.hero-panel h2`) zůstávají na
0,85 rem. `.post-side__title` se od nich tedy o kousek liší — je to
vědomá výjimka pro tenhle jeden sloupec, ne nedopatření. Kdyby se
někdy sjednocovalo, sjednotit směrem NAHORU, ne zpátky dolů. */
.post-side__title { font-size: 0.92rem; font-family: var(--font-display); font-weight: 300; text-transform: uppercase; letter-spacing: 0.03em; margin: 0 0 10px; color: var(--text-muted); }
/* Definiční seznam místo jednoho meta řádku — v úzkém sloupci by se
"Vyvěšeno · Sňato · Zveřejnil" beztak zalomilo, takže je čitelnější
(a pro čtečku obrazovky popsanější) mít popisek a hodnotu jako dvojici. */
.post-side__meta { margin: 0; font-size: 1rem; }
.post-side__meta dt { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); margin: 0 0 2px; }
.post-side__meta dd { margin: 0 0 12px; color: #000; }
.post-side__meta dd:last-child { margin-bottom: 0; }
.post-side__links { margin: 12px 0 0; font-size: 0.95rem; line-height: 1.9; }
/* POZOR: `.deska-table__files` je od 9.8.2026 PLOVOUCÍ POPUP nad tabulkou
úřední desky (`position: absolute; top: 100%`) — v pravém sloupci je to
ale obyčejný seznam příloh, ne popup, takže se pozicování musí zrušit,
jinak by seznam vylétl mimo sloupec (nejbližší pozicovaný předek by byl
až sticky hlavička). Stejný nedopatřený stav měl do 17.8.2026 i starý
blok `.post-attachments` v single.php — ten už neexistuje, přílohy se
vykreslují jen tady. */
.post-side .deska-table__files {
position: static; width: auto; max-width: none; padding: 0; margin: 0;
background: none; border: none; box-shadow: none;
}
/* Přílohy tady NEJSOU „pilulky“ (24.8.2026, na přání — „zrušit pozadí pod
přílohami a rámeček, jen to červené označení PDF je dostačující“).
V tabulce úřední desky má chip pozadí a rámeček proto, že leží v plovoucím
popupu nad tabulkou a musí se od ní opticky odlepit — v pravém sloupci
žádné takové pozadí není a rámeček jen přidával šum vedle sousedních
prostých údajů (Vyvěšeno, Zveřejnil, rubriky). Zůstává barevný odznak
typu souboru: informaci „je to PDF“ nic jiného nenese.
Seznam se přitom staví POD sebe — bez rámečků by dvě přílohy na jednom
řádku splynuly v jednu větu. Vzhled odkazu je stejný jako u rubrik/štítků
níž (podtržení v barvě linky, zelená při najetí), ať se sloupec drží
jedné typografické řeči. */
.post-side .deska-table__files { display: block; }
.post-side .deska-table__files li + li { margin-top: 8px; }
.post-side .deska-table__files a {
background: none; border: none; border-radius: 0; padding: 0;
font-size: 0.95rem; font-weight: 400; color: #000;
text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 2px;
}
.post-side .deska-table__files a:hover,
.post-side .deska-table__files a:focus-visible {
background: none; color: var(--green-text); text-decoration-color: currentColor;
}
.post-side .deska-table__ext { font-size: 0.7rem; }
/* Sdílení a tisk jako kroužky (18.8.2026, na přání — „sdílení udělat jen
jako ikonky v kroužku, jako je ikonka hledání, plus přidat tisk“).
Rozměr 44×44 a tenký rámeček jsou převzaté 1:1 z `.search-btn`
(lupa v hlavičce), ať je na první pohled vidět, že jde o tentýž prvek.
Čtyři kroužky se i s mezerami vejdou do sloupce širokého ~310 px.
44 px je zároveň s velkou rezervou nad hranicí, kterou žádá WCAG 2.2
(kritérium 2.5.8 Target Size, minimum 24×24) — u ikonky bez popisku je
velikost terče to jediné, co ji dělá použitelnou na dotyku.
`