/* Inline-PDF-Vorschau: Desktop = natives iframe, Mobil = PDF.js-Seiten.
   Breakpoint muss zu FUS_PDF_Embed::BREAKPOINT (820) passen. */

.fus-pdf-embed { position: relative; }

/* Standard (Desktop): natives iframe zeigen, Mobil-Teile aus. */
.fus-pdf-embed__native   { display: block; }
.fus-pdf-embed__pages    { display: none; }
.fus-pdf-embed__fallback { display: none; }

/* Mobil: iframe (dort nur 1. Seite) verstecken, scrollbare Seiten-Box zeigen.
   Greift auch OHNE JS – JS füllt die Box dann mit den gerenderten Seiten. */
@media (max-width: 820px) {
	.fus-pdf-embed__native { display: none; }
	.fus-pdf-embed__pages  { display: block; }

	.fus-pdf-embed__pages {
		max-height: var(--fus-pdf-maxvh, 80vh);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: #f8fafc;
		border: 1px solid #cbd5e1;
		border-radius: 8px;
		padding: 8px;
	}

	/* Einzelne gerenderte Seite */
	.fus-pdf-embed__page {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto 10px;
		background: #fff;
		box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18);
		border-radius: 2px;
	}
	.fus-pdf-embed__page:last-child { margin-bottom: 0; }

	/* Lade-/Statuszeile */
	.fus-pdf-embed__status {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 120px;
		color: #475569;
		font-size: 0.9rem;
		text-align: center;
		padding: 16px;
	}
	.fus-pdf-embed__spinner {
		width: 18px; height: 18px;
		border: 2px solid #cbd5e1;
		border-top-color: #2563eb;
		border-radius: 50%;
		animation: fus-pdf-spin 0.8s linear infinite;
	}
	@keyframes fus-pdf-spin { to { transform: rotate(360deg); } }

	/* Fallback-Button (nur wenn PDF.js scheitert) */
	.fus-pdf-embed.is-failed .fus-pdf-embed__pages { display: none; }
	.fus-pdf-embed.is-failed .fus-pdf-embed__fallback { display: block; }
	.fus-pdf-embed__fallback {
		text-align: center;
		padding: 18px 12px;
		background: #f1f5f9;
		border: 1px solid #cbd5e1;
		border-radius: 8px;
	}
	.fus-pdf-embed__fallback a {
		display: inline-block;
		padding: 0.6rem 1.1rem;
		background: #2563eb;
		color: #fff !important;
		border-radius: 8px;
		font-weight: 700;
		text-decoration: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fus-pdf-embed__spinner { animation: none; }
}
