/*
 * SmartEdu Core — tlač rýchleho prehľadu (PDF cez tlač prehliadača).
 *
 * Rozmery sú namerané zo vzorového PDF „Rýchly učiteľský prehľad“ (Word,
 * A4) a zapísané v milimetroch a bodoch, aby výtlačok sedel stranu po strane.
 * Na webe sa súbor načíta s media="print"; na tlačovej stránke ?tlac=1 platí
 * aj na obrazovke a ukáže hárky A4. Text hlavičky a pätičky každej strany
 * dopĺňa inline štýl @page (prehlad-stranka.php).
 *
 * Okraje strany zodpovedajú vzoru (zadanie uvádzalo 18 × 16 mm): hlavička
 * vzoru leží 21 mm od horného okraja, text začína 15,1 mm od ľavého. Bočné
 * okraje strany sú len 10,2 mm, lebo tabuľka vo vzore presahuje text o 4,9 mm —
 * obsah presahujúci okraj strany by Chrome zmenšil na celej strane. Text sa
 * preto odsadí vnútri dokumentu.
 */

@page {
	size: A4;
	margin: 25.9mm 10.1mm 22mm 10.2mm;

	@top-right {
		padding-right: 4.8mm;
		padding-bottom: 4.6mm;
		color: #087e8b;
		font-family: "Times New Roman", Tinos, "Liberation Serif", Times, serif;
		font-size: 7.83pt;
		font-weight: 700;
		vertical-align: bottom;
	}

	@bottom-center {
		padding-top: 0.5mm;
		color: #667788;
		font-family: "Times New Roman", Tinos, "Liberation Serif", Times, serif;
		font-size: 7.83pt;
		vertical-align: top;
	}
}

@media print {
	html,
	body {
		margin: 0 !important;
		padding: 0 !important;
		background: #fff !important;
	}

	/* Z webu na papier nepatrí nič okrem prehľadu. */
	body.single-se_prehlad header.wp-block-template-part,
	body.single-se_prehlad footer.wp-block-template-part,
	.se-netlacit,
	.se-prehlad-lista,
	.se-prehlad-tlac-lista,
	#wpadminbar {
		display: none !important;
	}

	body.single-se_prehlad .wp-site-blocks,
	body.single-se_prehlad .se-prehlad-hlavna,
	.se-prehlad-papier {
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Tlačové CSS témy vypisuje adresy odkazov — v prehľade nie. */
	.se-prehlad a::after {
		content: none !important;
	}

	.se-prehlad,
	.se-prehlad * {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

/* Na obrazovke tlačovej stránky: sivý stôl a biele hárky A4. */
@media screen {
	body.se-prehlad-tlacova {
		margin: 0;
		background: #e7ebef;
	}

	.se-prehlad-tlac-lista {
		display: flex;
		flex-wrap: wrap;
		gap: 0.75rem 1.25rem;
		align-items: center;
		justify-content: center;
		padding: 0.9rem 1rem;
		background: #fff;
		box-shadow: 0 1px 0 #cfd6dd;
		font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
	}

	.se-prehlad-tlac-lista p {
		margin: 0;
		color: #475569;
		font-size: 0.9375rem;
	}

	.se-prehlad-papier {
		padding: 2rem 1rem 3rem;
	}

	.se-prehlad-tlacova .se-prehlad {
		width: 210mm;
		max-width: 100%;
		min-height: 297mm;
		margin: 0 auto;
		padding: 25.9mm 14.9mm 22mm 15.1mm;
		overflow: hidden;
		border: 0;
		border-radius: 0;
		box-shadow: 0 2px 6px rgba( 15, 23, 42, 0.12 ), 0 24px 48px -24px rgba( 15, 23, 42, 0.35 );
	}
}

/* --- Dokument v milimetroch a bodoch ------------------------------------- */

@media print {
	.se-prehlad {
		width: auto;
		max-width: none;
		margin: 0;
		padding: 0 4.8mm 0 4.9mm;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media print {
	.se-prehlad,
	.se-prehlad-tlacova .se-prehlad {
		color: #243447;
		font-family: "Times New Roman", Tinos, "Liberation Serif", Times, serif;
		font-size: 9.23pt;
		line-height: 1.258;
	}

	/* Kontext je v hlavičke každej strany (@page), v dokumente sa neopakuje. */
	.se-prehlad-kontext {
		display: none;
	}

	/* Čiara pod názvom presahuje text o pol milimetra ako vo vzore. */
	.se-prehlad-nazov {
		margin: 0 -0.4mm 0 -0.5mm;
		padding: 3.2mm 0 1.75mm 0.5mm;
		border-bottom: 0.3mm solid #4f81bd;
		color: #123b5d;
		font-family: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
		font-size: 25.35pt;
		letter-spacing: 0;
		line-height: 1.12;
		text-wrap: auto;
	}

	.se-prehlad-podnadpis {
		margin: 1.3mm 0 0;
		color: #f05d5e;
		font-size: 11.68pt;
		line-height: 1.2;
	}

	.se-prehlad-udaje {
		gap: 0;
		margin: 3.3mm 8.2mm 0;
		padding: 2.2mm 2.7mm 2.2mm;
		background: #eaf5f5;
	}

	.se-prehlad-udaj dt {
		color: #087e8b;
		font-size: 7.36pt;
		letter-spacing: 0;
		line-height: 1.25;
	}

	.se-prehlad-udaj dd {
		margin: 0.15mm 0 0;
		color: #123b5d;
		font-size: 10.28pt;
		line-height: 1.25;
	}

	/* Medzery medzi sekciami sa vo vzore líšia podľa toho, čo sekcii predchádza. */
	.se-prehlad-sekcia {
		margin-top: 2.75mm;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.se-prehlad-hlavicka + .se-prehlad-obsah .se-prehlad-sekcia:first-child {
		margin-top: 2.55mm;
	}

	.se-prehlad-sekcia--karty + .se-prehlad-sekcia {
		margin-top: 3.05mm;
	}

	.se-prehlad-nadpis {
		margin: 0 0 1.1mm;
		color: #087e8b;
		font-family: Calibri, Carlito, "Segoe UI", Arial, sans-serif;
		font-size: 15.53pt;
		line-height: 1.22;
		text-wrap: auto;
		break-after: avoid;
		page-break-after: avoid;
	}

	.se-prehlad-text {
		max-width: none;
		margin: 0;
	}

	.se-prehlad-nadpis + .se-prehlad-text {
		margin-top: 2mm;
	}

	.se-prehlad-retaz {
		gap: 0;
		margin: 1.1mm 0 0;
		color: #087e8b;
	}

	.se-prehlad-retaz li + li::before {
		margin: 0 1.6mm;
	}

	/* Tabuľka presahuje text o 4,9 mm na každú stranu ako vo vzore. */
	.se-prehlad-tabulka-obal {
		margin: 2.1mm -4.8mm 0 -4.9mm;
	}

	.se-prehlad-tabulka {
		font-size: 9.23pt;
	}

	.se-prehlad-tabulka thead th {
		height: 8.2mm;
		padding: 1.8mm 2.5mm 0;
		background: #123b5d;
		color: #fff;
		font-size: 7.83pt;
		letter-spacing: 0;
		line-height: 1.15;
		vertical-align: top;
	}

	.se-prehlad-tabulka tbody th,
	.se-prehlad-tabulka tbody td {
		height: 8.17mm;
		padding: 1.38mm 2.5mm 0;
		line-height: 1.15;
		vertical-align: top;
	}

	.se-prehlad-tabulka tbody th {
		width: 70.9mm;
		color: #123b5d;
	}

	.se-prehlad-tabulka tbody tr:nth-child( odd ) {
		background: #f3f8fa;
	}

	.se-prehlad-tabulka tr {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.se-prehlad-karty {
		margin: 1.85mm 0 0;
	}

	.se-prehlad-karta {
		gap: 0;
		justify-content: flex-start;
		min-height: 20.7mm;
		padding: 2.9mm 2.6mm 1.6mm;
		font-size: 8.29pt;
		line-height: 1.23;
	}

	.se-prehlad-karta-znak {
		margin: 0 0 2.3mm;
		color: #123b5d;
		font-size: 17.52pt;
		line-height: 1.02;
	}

	.se-prehlad-riadky {
		gap: 4.15mm;
		margin: 1.7mm 0 0;
	}

	.se-prehlad-riadok {
		min-height: 13.3mm;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.se-prehlad-riadok dt,
	.se-prehlad-riadok dd {
		align-items: flex-start;
		padding: 1.8mm 2.6mm 1.8mm;
		line-height: 1.24;
	}

	.se-prehlad-riadok dt {
		padding-top: 4.3mm;
		background: #087e8b;
		font-size: 8.76pt;
		letter-spacing: 0;
	}

	/* Rámček začína 3,3 mm pred textom — tak ako vo vzore. */
	.se-prehlad-ramcek {
		margin: 1.7mm 3.2mm 0 -3.3mm;
		padding: 2.6mm 3.2mm 3mm 3.3mm;
		background: #fff0f0;
	}

	/* Informácia a tip majú na papieri rovnaký podklad ako na webe. */
	.se-prehlad-ramcek--info {
		background: #eaf5f5;
	}

	.se-prehlad-ramcek--tip {
		background: #fff6e5;
	}

	.se-prehlad-ramcek-stitok {
		gap: 0;
		margin: 0 0 1.45mm;
		color: #c43d4b;
		font-size: 10.75pt;
		line-height: 1.2;
	}

	/* Ikona so vzduchom vpravo ako znak ⚠ vo vzore — text štítka začína na rovnakom mieste. */
	.se-prehlad-ramcek .se-prehlad-ikona {
		width: 2.5mm;
		height: 2.5mm;
		margin-right: 0.3mm;
		stroke-width: 2.6;
	}

	.se-prehlad-zoznam {
		margin: 0;
	}

	.se-prehlad-zoznam li {
		margin: 0;
		padding-left: 6.2mm;
		line-height: 1.32;
	}

	.se-prehlad-zoznam li::before {
		top: 0.52em;
		left: 0.2mm;
		width: 1.3mm;
		height: 1.3mm;
	}

	.se-prehlad-sekcia--zoznam .se-prehlad-zoznam {
		margin-top: 1.8mm;
	}

	.se-prehlad-obrazok {
		margin: 1.5mm 0 0;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.se-prehlad-obrazok-img {
		max-width: 70%;
	}

	/* Hry: karta s QR kódom — žiak si ho naskenuje z papiera. */
	.se-prehlad-hry {
		gap: 2.5mm;
		margin: 1.5mm 0 0;
	}

	.se-prehlad-hra {
		gap: 3mm 6mm;
		padding: 2.5mm 3.5mm;
		border: 0.25mm solid #cfdde3;
		border-radius: 1.5mm;
		background: #f3f8fa;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.se-prehlad-hra-nazov {
		font-size: 11.5pt;
	}

	.se-prehlad-hra-typ,
	.se-prehlad-hra-kod {
		margin: 0.6mm 0 0;
		color: #243447;
	}

	.se-prehlad-qr {
		width: 26mm;
	}

	.se-prehlad-prazdny {
		color: #243447;
	}
}