.ppv-pdf-title,
.ppv-back-to-library {
	font-family: 'IBM Plex Sans Arabic', Tahoma, sans-serif;
}

/* حل ترقيعي خاص بهذا الموقع: هيدر الثيم مضبوط بـ position:absolute بلا
   تعويض مساحته في تدفق الصفحة، فيتراكب فوق أي محتوى يليه في كل صفحات
   الموقع. هذا يعوّض المساحة لصفحاتنا فقط؛ الحل الجذري يتطلب تعديل CSS
   الثيم نفسه (wp-content/themes/yosersevchefs) وهو خارج نطاق هذه الإضافة.
   الشريط اللوني (::before) يحوّل الفراغ التعويضي لقسم مقصود بدل بياض
   فارغ — بلون هوية الموقع نفسه (أخضر الفوتر #002d16). */
.ppv-single-pdf {
	position: relative;
	padding-top: 150px;
}

.ppv-single-pdf::before {
	content: '';
	position: absolute;
	top: 0;
	/* margin-inline-start: calc(-50vw + 50%) أوثق من حيلة left+margin-left
	   القديمة — تلك كانت تحسب left% نسبةً لعرض حاوية الثيم (وسلوكها يختلف
	   أصلاً في سياق RTL)، فأنتجت انزياحاً عن حافة الشاشة بدل الالتصاق بها. */
	width: 100vw;
	margin-inline-start: calc( -50vw + 50% );
	height: 150px;
	background: #002d16;
	z-index: -1;
}

@media ( max-width: 640px ) {
	.ppv-single-pdf {
		padding-top: 95px;
	}

	.ppv-single-pdf::before {
		height: 95px;
	}
}

.ppv-back-to-library {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #002d16;
}

.ppv-back-to-library:hover {
	text-decoration: underline;
}

.ppv-viewer-root {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #d5d8dc;
	border-radius: 6px;
	overflow: hidden;
	background: #525659;
}

.ppv-viewer-root *,
.ppv-viewer-root *::before,
.ppv-viewer-root *::after {
	box-sizing: border-box;
}

.ppv-viewer-loading,
.ppv-viewer-error {
	margin: 0;
	padding: 16px;
	text-align: center;
	color: #f1f1f1;
	background: #525659;
}

.ppv-viewer-error {
	color: #ffb4b4;
}

/* شريط الأدوات */
.ppv-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	background: #35373a;
	border-bottom: 1px solid #232527;
}

.ppv-toolbar-group {
	display: flex;
	align-items: center;
	gap: 6px;
}

.ppv-search-group {
	margin-inline-start: auto;
	flex: 1 1 220px;
	max-width: 320px;
}

.ppv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid #55585c;
	border-radius: 4px;
	background: #46484c;
	color: #f1f1f1;
	font-size: 13px;
	cursor: pointer;
}

.ppv-btn:hover {
	background: #55585c;
}

.ppv-btn:active {
	background: #3d3f42;
}

.ppv-page-info,
.ppv-search-status {
	color: #d7d9db;
	font-size: 13px;
	white-space: nowrap;
	min-width: 2ch;
}

.ppv-search-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	padding: 0 10px;
	border: 1px solid #55585c;
	border-radius: 4px;
	background: #ffffff;
	color: #1d1f21;
	font-size: 13px;
}

/* منطقة العرض: pdf.js يفرض absolute positioning على الحاوية الممرَّرة له.
   نستخدم dvh (مع vh كـ fallback للمتصفحات الأقدم) لأن vh وحدها تُحسب من
   ارتفاع الشاشة الكامل على الجوال، فتقفز فجأة عند ظهور/اختفاء شريط عنوان
   المتصفح أثناء التمرير — مشكلة معروفة تجعل منطقة العرض تبدو مقصوصة أو
   متذبذبة على الأجهزة الحقيقية رغم ظهورها سليمة في محاكي الديسكتوب. */
.ppv-viewer-outer {
	position: relative;
	width: 100%;
	height: 78vh;
	height: 78dvh;
	min-height: 420px;
	overflow: hidden;
}

.ppv-viewer-container {
	position: absolute;
	inset: 0;
	overflow: auto;
	background: #525659;
}

.ppv-pdf-viewer-inner.pdfViewer {
	padding: 12px 0;
}

@media ( max-width: 640px ) {
	.ppv-toolbar {
		gap: 6px;
	}

	.ppv-search-group {
		flex-basis: 100%;
		max-width: none;
		order: 3;
	}

	.ppv-viewer-outer {
		height: 70vh;
		height: 70dvh;
		min-height: 320px;
	}
}