/* =========================================================================
   print.css — tisk stránky (načítá se s media="print")

   Co se tiskne, je OBSAH: úřední deska, dokument, článek, povinné informace.
   Navigace, hledání, přepínač režimu a patička na papíře jen zabírají
   místo. Barvy se srážejí na černou na bílé — obecní tiskárna bývá
   černobílá a šedý text z tokenů by na ní zmizel.
   ========================================================================= */

@page {
	margin: 16mm 14mm;
}

/* Tokeny režimu na papíře neplatí — tisk má vlastní paletu. */
:root {
	--nol-pozadi: #ffffff;
	--nol-pozadi-tlumene: #ffffff;
	--nol-povrch: #ffffff;
	--nol-povrch-zvyrazneny: #ffffff;
	--nol-text: #000000;
	--nol-text-tlumeny: #333333;
	--nol-ramecek: #999999;
	--nol-ramecek-vyrazny: #666666;
	--nol-primarni: #000000;
	--nol-primarni-tmava: #000000;
	--nol-primarni-svetla: #ffffff;
	--nol-primarni-jemna: #ffffff;
	--nol-stin-sm: none;
	--nol-stin: none;
	--nol-stin-lg: none;
	--nol-stin-xl: none;
	--nol-zlata: #000000;
}

body {
	background: #fff;
	color: #000;
	font-size: 10.5pt;
	line-height: 1.4;
	display: block;
}

/* Ovládací prvky webu nejsou obsah. */
.nol-preskocit,
.nol-servisni-lista,
.nol-hlavicka,
.nol-navigace,
.nol-mobilni-panel,
.nol-zaclona,
.nol-drobecky,
.nol-bocni-panel,
.nol-paticka,
.nol-nahoru,
.nol-uvod-pauza,
.nol-uvod-zdroj,
.nol-sekce--ukony,
.nol-hledani,
.a3-pager,
.portlet-search-header,
.a3-kat-zalozky,
.a3-portlet-filtr-info,
.a3-kamera,
.a3-kamera-zvetsit,
.portlet-pager,
[data-cc] {
	display: none !important;
}

/* Úvodní pás se smrskne na název obce — fotka na papíře jen žere toner.
   Podsunutí pod hlavičku (záporné odsazení z `--nol-hlavicka-vyska`) se musí
   zrušit taky, jinak by první řádek tisku odjel nad okraj stránky. */
:root .nol-uvod,
:root[data-js] .nol-uvod {
	min-height: 0;
	margin-top: 0;
	padding-block: 0 var(--nol-mezera-4);
	background: none;
	color: #000;
	overflow: visible;
}

.nol-uvod::after,
.nol-uvod-fotky { display: none !important; }

.nol-uvod h1 { font-size: 20pt; text-shadow: none; }

.nol-sekce,
.nol-telo {
	padding-block: 0;
	background: none;
}

/* Zbylé plochy a stíny pryč — na papíře stačí linka.
   Na OBRAZOVCE už je většina těchhle prvků otevřená (role BLOK, viz
   `tokens.css`), takže tenhle seznam je hlavně pro to, co plochu drží:
   dlaždice pásu úkonů, oznámení, boxy v panelu, doplňkové plochy.
   Kdo přidá do skinu další prvek s podkladem, přidá ho i sem. */
.a3-box,
.portlet,
.a3-deska-tabulka,
.a3-deska-skupina,
.block,
.block_header,
.nol-ukon,
.a3-rozcestnik-dlazdice-polozka,
.nol-box-panel,
.nol-box-pruh,
.portlet-sidebar-box,
.a3-hledani-ai,
.a3-hledani-karta,
.a3-hledani-navrh,
.portlet-search-header,
.info-box {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	padding: 0;
}

/* Výstraha ČHMÚ je jediná výjimka: úroveň nese barva, a ta na černobílé
   tiskárně zmizí. Pruh proto zůstává, jen černý — a slovní označení úrovně
   („Oranžová výstraha") vypisuje renderer tak jako tak. Tlumené podbarvení
   v barvě stupně se naopak ruší: na papíře by z něj byla jen šeď. */
.a3-chmi-vystraha {
	background: none;
	border-left: 3px solid #000;
	padding-left: 8pt;
}

/* Řádek desky se nesmí zlomit přes dvě stránky. */
.a3-deska-radek,
.article,
tr,
figure,
blockquote { break-inside: avoid; }

h1, h2, h3 { break-after: avoid; }

/* Adresa odkazu má na papíře smysl — bez ní je odkaz slepý. Vnitřní kotvy
   a javascriptové odkazy se vypisovat nemají. */
a[href^="http"]::after {
	content: ' (' attr(href) ')';
	font-size: 0.85em;
	word-break: break-all;
}

a { color: #000; text-decoration: underline; }

img { max-width: 100% !important; }

/* Rozbalovací obsah musí být na papíře vidět — jinak se vytiskne jen seznam
   nadpisů. CSS `<details>` neotevře, jde jen odkrýt jeho obsah; starší
   prohlížeče ho skrývají přes `display` slotu, novější přes
   `content-visibility` na ::details-content, proto obě pravidla. */
details > *:not(summary) { display: revert !important; }

details::details-content {
	content-visibility: visible !important;
	block-size: auto !important;
}
