/* OLIO PDF Viewer 1.0.0 */
.olio-pdfv{
	--olio-accent:#009C32;
	--olio-h:80vh;
	display:flex;
	flex-direction:column;
	width:100%;
	height:var(--olio-h);
	max-height:1100px;
	border-radius:12px;
	overflow:hidden;
	background:#525659;
	box-shadow:0 6px 24px rgba(0,0,0,.18);
	font-family:inherit;
	line-height:1.3;
}
.olio-pdfv *{box-sizing:border-box;}
.olio-pdfv:fullscreen{max-height:none;height:100vh;border-radius:0;}
.olio-pdfv:-webkit-full-screen{max-height:none;height:100vh;border-radius:0;}

/* Toolbar */
.olio-pdfv-bar{
	display:flex;
	align-items:center;
	gap:12px;
	padding:8px 12px;
	background:#1f2124;
	color:#e6e6e6;
	flex-wrap:wrap;
	user-select:none;
}
.olio-pdfv-title{
	font-size:13px;
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:38%;
}
.olio-pdfv-pager,
.olio-pdfv-tools{display:flex;align-items:center;gap:6px;}
.olio-pdfv-tools{margin-left:auto;}
.olio-pdfv-pager{font-size:13px;color:#cfcfcf;}
.olio-pdfv-sep{opacity:.5;margin:0 1px;}
.olio-pdfv-page,
.olio-pdfv-count{min-width:16px;text-align:center;font-variant-numeric:tabular-nums;}
.olio-pdfv-page{color:#fff;font-weight:600;}
.olio-pdfv-zoom{
	min-width:46px;
	text-align:center;
	font-size:12px;
	color:#cfcfcf;
	font-variant-numeric:tabular-nums;
}

.olio-pdfv-bar button,
.olio-pdfv-bar a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	padding:0;
	background:transparent;
	border:0;
	border-radius:7px;
	color:#e6e6e6;
	cursor:pointer;
	text-decoration:none;
	transition:background .15s ease,color .15s ease,transform .05s ease;
}
.olio-pdfv-bar button svg,
.olio-pdfv-bar a svg{width:18px;height:18px;display:block;}
.olio-pdfv-bar button:hover,
.olio-pdfv-bar a:hover{background:rgba(255,255,255,.12);color:#fff;}
.olio-pdfv-bar button:active{transform:translateY(1px);}
.olio-pdfv-bar button:focus-visible,
.olio-pdfv-bar a:focus-visible{outline:2px solid var(--olio-accent);outline-offset:1px;}
.olio-pdfv-download:hover{color:var(--olio-accent);}

/* Bühne / Seiten */
.olio-pdfv-stage{
	position:relative;
	flex:1;
	overflow:auto;
	background:#525659;
	padding:18px 0;
	-webkit-overflow-scrolling:touch;
}
.olio-pdfv-pages{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:14px;
	padding:0 14px;
}
.olio-pdfv-page-wrap{
	background:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,.35);
	border-radius:2px;
	max-width:100%;
	overflow:hidden;
}
.olio-pdfv-page-wrap canvas{display:block;max-width:100%;height:auto;}

/* Ladeanzeige */
.olio-pdfv-loading{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}
.olio-pdfv-spin{
	width:36px;
	height:36px;
	border-radius:50%;
	border:3px solid rgba(255,255,255,.22);
	border-top-color:var(--olio-accent);
	animation:olio-pdfv-spin .8s linear infinite;
}
@keyframes olio-pdfv-spin{to{transform:rotate(360deg);}}

.olio-pdfv-err,
.olio-pdfv-error{
	color:#fff;
	font-size:14px;
	padding:22px;
	text-align:center;
}

/* Mobil */
@media (max-width:600px){
	.olio-pdfv-title{order:-1;width:100%;max-width:100%;}
	.olio-pdfv-bar{gap:8px;}
	.olio-pdfv-tools{margin-left:0;}
	.olio-pdfv-pages{padding:0 8px;}
}

@media (prefers-reduced-motion:reduce){
	.olio-pdfv-spin{animation-duration:1.6s;}
	.olio-pdfv-page-wrap{scroll-behavior:auto;}
}

/* ---- Modal / Lightbox (v1.1.0) ---- */
body.olio-pdfv-lock{overflow:hidden;}
.olio-pdfv-overlay{
	position:fixed;
	inset:0;
	z-index:99999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:28px;
	background:rgba(15,17,19,.55);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px);
	opacity:0;
	transition:opacity .2s ease;
}
.olio-pdfv-overlay.is-open{opacity:1;}
.olio-pdfv-modal{
	position:relative;
	width:min(1000px,100%);
	height:min(90vh,1100px);
	display:flex;
	flex-direction:column;
	transform:translateY(10px) scale(.985);
	transition:transform .2s ease;
}
.olio-pdfv-overlay.is-open .olio-pdfv-modal{transform:none;}
.olio-pdfv-modal .olio-pdfv{
	height:100%;
	max-height:none;
	box-shadow:0 24px 64px rgba(0,0,0,.42);
}
.olio-pdfv-close{
	position:absolute;
	top:-14px;
	right:-14px;
	z-index:2;
	width:42px;
	height:42px;
	min-width:0;
	margin:0;
	padding:0 !important;
	border:0 !important;
	border-radius:50% !important;
	cursor:pointer;
	background:#fff !important;
	color:#111 !important;
	line-height:0;
	box-shadow:0 6px 18px rgba(0,0,0,.32);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:transform .12s ease,background .15s ease;
}
.olio-pdfv-close svg{
	width:20px;
	height:20px;
	display:block;
	stroke:#111 !important;
	fill:none !important;
}
.olio-pdfv-close:hover{background:#f1f1f1 !important;transform:scale(1.06);}
.olio-pdfv-close:focus-visible{outline:2px solid var(--olio-accent,#009C32);outline-offset:2px;}

@media (max-width:600px){
	.olio-pdfv-overlay{padding:12px;}
	.olio-pdfv-modal{width:100%;height:92vh;}
	.olio-pdfv-close{top:8px;right:8px;background:rgba(255,255,255,.92);}
}
