/**
 * PORTA Gebärden – Druckansicht.
 *
 * Im Druck bleiben nur die Karten und der Quellenhinweis stehen. Keine
 * Bedienelemente, keine Links – stattdessen der Begriff gross und lesbar.
 */

@page {
	margin: 12mm;
}

.porta {
	--porta-druck-spalten: 6;

	color: #000000;
}

/* Alles ausblenden, was der Bedienung dient. */
.porta-suche__form,
.porta-satzbauer__form,
.porta-wortsuche,
.porta-satz__leer,
.porta-az,
.porta-druck,
.porta-speichern,
.porta-teilen,
.porta-suchpanel,
.porta-lernen,
.porta-listbox,
.porta-status,
.porta-hinweis,
.porta-karte__aktionen,
.porta-karte__vorschlaege,
.porta-karte__link,
.porta-satz__anfuegen,
.porta-shortcode,
.porta-leer__link {
	display: none !important;
}

/* Links erscheinen als gewöhnlicher Text, ohne ausgeschriebene Adresse. */
.porta a,
.porta a:visited {
	color: #000000;
	text-decoration: none;
}

.porta a[href]::after {
	content: "" !important;
}

.porta .porta-extern {
	display: none;
}

/* Kartenreihe als Raster. */
.porta-satz {
	display: grid !important;
	gap: 4mm;
	grid-template-columns: repeat(var(--porta-druck-spalten), 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.porta-satz[data-spalten="4"] { --porta-druck-spalten: 4; }
.porta-satz[data-spalten="6"] { --porta-druck-spalten: 6; }
.porta-satz[data-spalten="8"] { --porta-druck-spalten: 8; }

.porta-karte {
	border: 1.5pt solid #000000;
	border-radius: 2mm;
	break-inside: avoid;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3mm 2mm;
	page-break-inside: avoid;
	width: auto;
}

.porta-karte--luecke {
	border-style: dashed;
}

.porta-karte__inhalt {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 2mm;
	text-align: center;
}

.porta-karte__begriff {
	font-size: 14pt;
	font-weight: 700;
	line-height: 1.15;
}

.porta-satz[data-groesse="klein"] .porta-karte__begriff { font-size: 11pt; }
.porta-satz[data-groesse="mittel"] .porta-karte__begriff { font-size: 14pt; }
.porta-satz[data-groesse="gross"] .porta-karte__begriff { font-size: 20pt; }

.porta-karte .porta-bild {
	max-height: 32mm;
	max-width: 100%;
}

.porta-satz[data-groesse="gross"] .porta-bild {
	max-height: 48mm;
}

/* Der Begriff bleibt gross, der Hinweis zur Ausführung steht klein darunter. */
.porta-ausfuehrung {
	border-block-start: 0.5pt solid #000000;
	color: #000000;
	display: block;
	font-size: 7.5pt;
	line-height: 1.2;
	margin-block-start: 1mm;
	padding-block-start: 1mm;
	text-align: center;
	width: 100%;
}

.porta-satz[data-groesse="klein"] .porta-ausfuehrung { font-size: 6.5pt; }
.porta-satz[data-groesse="gross"] .porta-ausfuehrung { font-size: 9pt; }

.porta-karte__marke--luecke {
	background: transparent;
	border: 0.75pt dashed #000000;
	color: #000000;
	font-size: 8pt;
}

/* Streifen für Kommunikationstafeln: eine durchgehende Zeile zum Ausschneiden. */
.porta-satz[data-streifen="1"] {
	border: 1.5pt solid #000000;
	display: flex !important;
	flex-wrap: nowrap;
	gap: 0;
	overflow: visible;
	page-break-inside: avoid;
}

.porta-satz[data-streifen="1"] .porta-karte {
	border: 0;
	border-inline-end: 0.75pt dashed #000000;
	border-radius: 0;
	flex: 1 1 0;
	min-width: 0;
}

.porta-satz[data-streifen="1"] .porta-karte:last-child {
	border-inline-end: 0;
}

/* Quellenhinweis erscheint auch im Druck. */
.porta-quelle {
	border-block-start: 0.75pt solid #000000;
	color: #000000;
	font-size: 8pt;
	margin-block-start: 6mm;
	padding-block-start: 2mm;
}

.porta-quelle__links {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.porta-quelle__links li {
	display: inline;
}

.porta-quelle__links li::after {
	content: " · ";
}

.porta-quelle__links li:last-child::after {
	content: "";
}

.porta-satz__original {
	font-size: 9pt;
	font-style: italic;
	margin-block-end: 3mm;
}

.porta-sr-only {
	display: none;
}