/* KGV Verein – PDF in Beiträgen und Seiten [kgv_pdf]: Anzeige im Beitrag, auf dem Handy eine Karte. */
.kgv-pdf {
	--pdf-wald: var(--wp--preset--color--wald, #1F4A2C);
	--pdf-erde: var(--wp--preset--color--erde, #A4561E);
	--pdf-linie: var(--wp--preset--color--linie, #D9DFCF);
	--pdf-moos: var(--wp--preset--color--moos, #E8EFDD);
	--pdf-grau: var(--wp--preset--color--grau, #56655A);
	margin: 1.5rem 0;
	border: 1px solid var(--kgv-line, var(--pdf-linie));
	border-radius: 12px;
	background: var(--kgv-white, #fff);
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(22, 54, 31, 0.05), 0 8px 22px rgba(22, 54, 31, 0.06);
}
.kgv-pdf__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 14px;
	padding: 12px 16px;
	border-bottom: 1px solid var(--kgv-line, var(--pdf-linie));
	background: var(--kgv-moss, var(--wp--preset--color--moos, #E8EFDD));
}
.kgv-pdf--locked .kgv-pdf__head { border-bottom: 0; }
.kgv-pdf__icon {
	position: relative;
	flex: 0 0 auto;
	width: 34px;
	height: 42px;
	border-radius: 4px 12px 4px 4px;
	background: var(--kgv-earth, var(--pdf-erde));
}
.kgv-pdf__icon::after {
	content: "PDF";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 7px;
	color: var(--kgv-on-dark, #fff);
	font: 700 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0.04em;
	text-align: center;
}
.kgv-pdf__title {
	display: flex;
	flex: 1 1 14rem;
	flex-direction: column;
	min-width: 0;
	line-height: 1.3;
}
.kgv-pdf__title strong { overflow-wrap: anywhere; color: var(--kgv-heading, var(--pdf-wald)); }
.kgv-pdf__meta { font-size: var(--wp--preset--font-size--small, 1.0625rem); color: var(--kgv-gray, var(--pdf-grau)); }
.kgv-pdf__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.kgv-pdf__buttons .wp-element-button { padding: 0.5em 1em; font-size: var(--wp--preset--font-size--small, 1.0625rem); text-decoration: none; }
.kgv-pdf__pages {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 14px;
	background: var(--kgv-surface, var(--wp--preset--color--creme, #FAF7F0));
}
.kgv-pdf__pages:empty { display: none; }
/* Wenn PDF.js nicht kann: der eigene Betrachter des Browsers */
.kgv-pdf__frame {
	display: block;
	width: 100%;
	height: min(80vh, 900px);
	border: 0;
	border-radius: 4px;
	background: var(--kgv-white, #fff);
}
.kgv-pdf__page {
	width: 100%;
	aspect-ratio: 1 / 1.414;
	border-radius: 4px;
	background: var(--kgv-white, #fff);
	box-shadow: 0 1px 2px rgba(22, 54, 31, 0.08), 0 6px 18px rgba(22, 54, 31, 0.10);
	overflow: hidden;
}
.kgv-pdf__page canvas { display: block; width: 100%; height: 100%; }
.kgv-pdf__more { margin: 0; padding: 0 14px 16px; background: var(--kgv-surface, var(--wp--preset--color--creme, #FAF7F0)); text-align: center; }
.kgv-pdf__more[hidden] { display: none; }
.kgv-pdf__status { margin: 0; padding: 14px 16px; color: var(--kgv-gray, var(--pdf-grau)); font-size: var(--wp--preset--font-size--small, 1.0625rem); }
.kgv-pdf__status[hidden] { display: none; }
.kgv-pdf.is-error .kgv-pdf__status { color: var(--kgv-red, #A3261B); }
.kgv-pdf--gone .kgv-pdf__status { display: block; color: var(--kgv-red, #A3261B); }
@media (max-width: 600px) {
	.kgv-pdf__pages { padding: 8px; gap: 8px; }
	.kgv-pdf__buttons { width: 100%; }
	.kgv-pdf__buttons .wp-element-button { flex: 1; text-align: center; }
}
.kgv-pdf__locked { margin: 0; padding: 4px 16px 16px; }
.kgv-pdf--missing { padding: 12px 16px; color: var(--kgv-red, #A3261B); }

/* Im Editor: nur der Kopf, als Vorschau */
.mce-content-body .kgv-pdf__pages,
.mce-content-body .kgv-pdf__status { display: none !important; }
.kgv-pdf__editor-note { margin: 0; padding: 10px 16px; font-size: var(--wp--preset--font-size--small, 1.0625rem); color: var(--kgv-gray, var(--pdf-grau)); }