/*--------------------------------------------------------------
# Příspěvek - náhledový obrázek, patička článku, navigace

Cílí na markup, který vypisuje template-parts/content.php a single.php:
.post-thumbnail, .entry-footer a .navigation.post-navigation.

Proč to vzniklo: tyhle tři prvky jsou SOUROZENCI .entry-content, ne její
potomci, takže vystředění `.entry-content > *` z css/30-layout.css na ně
vůbec nemíří - a nikdo jim náhradu nenapsal. Měřeno 26. 8. 2026 na
/zkusenosti-praktikujicich/chtel-jsem-zustat-dele/ při okně 1280 px:
.entry-header seděl na x=33 / 1200 px, kdežto obrázek, patička i navigace
na x=0 / 1265 px, tedy přes celou šířku okna. Je to táž past jako u nadpisu
na /o-nas/ (past č. 16 v poznámce Astra -> _s).

Platí i pro výpisy rubrik a štítků - ty používají tutéž šablonu a měly
tutéž vadu. Proto tu NENÍ prefix .single.

Proč tenhle soubor leží v 60-komponenty/ a ne v 50-obsah.css:
  - 60-komponenty/ se načítá AŽ ZA 40-navigace.css, takže se pravidla pro
    .post-navigation dají doplnit bez zvyšování specificity;
  - 50-obsah.css i celé 70-sablony/ jdou do editoru bloků, a v canvasu
    žádný z těchhle prvků není. Soubor je proto zapsaný ve
    _s_css_vynechane_editor() v inc/css-zdroje.php.
--------------------------------------------------------------*/

/*
 * Náhledový obrázek: poloviční šířka a na střed.
 *
 * 640 px je přesná polovina zdroje (1280x720) a zároveň existující varianta
 * v srcset, takže při DPR 1 vyjde 1:1 bez převzorkování. Pravdivé `sizes`
 * k tomu dodává _s_post_thumbnail() v inc/template-tags.php - bez něj by
 * prohlížeč do rámečku 640 px dál stahoval variantu 1280w.
 *
 * display:block je tu kvůli VÝPISŮM: tam je .post-thumbnail <a>, tedy
 * inline, a max-width ani margin-inline by na něj nezabraly.
 */
.post-thumbnail {
	display: block;
	max-width: 640px;
	margin-inline: auto;
}

.post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

/*
 * Navigace lícuje s obsahem - mezi příspěvky (single.php) i stránkování
 * výpisu (archive.php).
 *
 * Patičku článku vystřeďuje obal .section-boxed přidaný do content.php,
 * ale the_post_navigation() si vlastní markup určit nenechá - musí to být
 * CSS. Hodnota je táž proměnná, na které stojí .entry-header i bloky
 * obsahu, ať se to nerozejde.
 */
.navigation.post-navigation,
.navigation.posts-navigation {
	max-width: var(--sirka-obsahu);
	margin-inline: auto;
}

/*
 * Štítky na samostatný řádek pod rubrikami.
 *
 * _s vypisuje .cat-links a .tags-links jako dva <span>, tedy na jeden řádek
 * bez mezery mezi nimi ("Rubrika A, BŠtítky x, y").
 */
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
}

/*
 * Odkazy tady vypadají jako v menu: bez podtržení, hover oranžový.
 *
 * Barvu (text / --barva-akcent na hover) dává globální pravidlo
 * v css/20-zaklad.css, přebíjí se JEN podtržení. Odkazy v textu článku
 * podtržené zůstávají - to je vědomé rozhodnutí, viz komentář tamtéž.
 *
 * :visited je tu i tak, že barvu nenastavujeme: globální `a:visited`
 * (0,1,1) by jinak podtržení vrátilo navštíveným odkazům zpátky. A rozdíl
 * by se navíc nedal změřit, jen uvidět - viz past č. 6.
 */
.entry-footer a,
.entry-footer a:visited,
.post-navigation a,
.post-navigation a:visited {
	text-decoration: none;
}
