/**
 * NS PDF - Houthandel Jan Sok
 * Inline PDF-weergave met fallback.
 */

.ns-pdf {
	width: 100%;
	margin: 0 0 24px;
}

.ns-pdf__object,
.ns-pdf__frame {
	width: 100%;
	height: var(--ns-pdf-height, 900px);
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	display: block;
}

.ns-pdf__frame {
	border: none;
}

/* Fallback (alleen tonen als object/iframe faalt of op mobiel) */
.ns-pdf__fallback {
	display: none;
	text-align: center;
	padding: 30px 16px;
	background: #f5f5f5;
	border-radius: 8px;
	font-family: 'Urbanist', sans-serif;
	color: #2C4329;
}

.ns-pdf__button {
	display: inline-block;
	margin-top: 12px;
	padding: 12px 22px;
	background: #2C4329;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 700;
	transition: background 0.15s ease;
}

.ns-pdf__button:hover {
	background: #006f3b;
	color: #fff;
}

/* Op mobiel: inline PDF werkt vaak slecht, toon de knop i.p.v. de viewer */
@media screen and (max-width: 768px) {
	.ns-pdf__object,
	.ns-pdf__frame {
		display: none;
	}
	.ns-pdf__fallback {
		display: block;
	}
}