/* 2026-06-04 v1.0
 * - Disable full-viewport min-height for Zwarte Plasje page wrappers inside overlay ajax content.
 */
.zp-page {
	display: grid;
	grid-template-columns: 50% 1fr;
}
@media (max-width: 1280px) {
	.zp-page {
		display: grid;
		grid-template-columns: 66% 1fr;
	}	
}
@media (max-width: 1030px) {
	.zp-page {
		display: flex;
		flex-direction:column;
	}	
	
	.zp-page > * {
		order: 2;
	}	
	.zp-page-image {
		 order: 1; 
	}
}
@media (max-width: 1030px) {
	.zp-page-image, .zp-page-image > * {
		max-height: 276px;
	}
}
@media (max-width: 730px) {
	.zp-page-image, .zp-page-image > * {
		max-height: 138px;
	}
}

.zp-page > * {
	margin: 0px;
}
.zp-page-items-wrapper {

}
.zp-page p {
	font-size:var(--fontsize_p,14px);
	line-height: 20px;
}
.zp-page-image {
	position: relative;
}
.zp-page-image  > *  {
	position: sticky;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100vh;
	width: 100%;
	object-fit: cover;
	object-position: center center;
}

.zp-page-items-wrapper, .history-wrapper {
	background-color:var(--color_lightgray);
	--color_text:var(--color_darker);
	color:var(	--color_text);
}

.zp-page-items-wrapper, .history-wrapper  {
	padding-top: 120px;
	padding-bottom: 120px;
}
@media (min-width: 731px) {
	.zp-page-items-wrapper  {	
		 display: flex;            /* Establishes a flex container */
		flex-direction: column;  /* Arranges children vertically */
		justify-content: center;  /* Aligns items vertically (along the main axis) */
		align-items: center;      /* Aligns items horizontally (along the cross axis) */
		min-height: calc(100vh - 276px);   
	}
}
@media (min-width: 1031px) {
	.zp-page-items-wrapper  {	
		 display: flex;            /* Establishes a flex container */
		flex-direction: column;  /* Arranges children vertically */
		justify-content: center;  /* Aligns items vertically (along the main axis) */
		align-items: center;      /* Aligns items horizontally (along the cross axis) */
		min-height: 100vh;   

	}
}
.history-wrapper > *,
.zp-page-items-wrapper  > * {
		padding: 30px 60px; 
	margin: 0px; 
	width: 100%;	
}

@media (max-width: 600px){
	.history-wrapper > *,
	.zp-page-items-wrapper  > * {
			padding: 15px 15px; 

	}
}



.zp-page-items-wrapper  > *:not(:first-child) {
	border-top:2px solid var(--color_lightgray_darkest);
}
body:has(.zp-page-items-wrapper) .toast {
	position: fixed;
	left: auto;
	right: 30px;
	bottom:60px;
}
.zp-page-item {
	display: flex;
	flex-direction: column;
	gap:30px;
}

.overlay .overlay-ajax-box .zp-page-items-wrapper {
	min-height: 0 !important;
}