/**
 * Portfolio directory page — /portfolio/
 *
 * Full-viewport Site Directory embed (header + directory + footer).
 *
 * @package Zainsaeed
 */

.site-main--portfolio {
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
	padding: 0;
	margin: 0;
	background: var(--color-cream);
	overflow-x: clip;
}

.site-main--portfolio .zs-portfolio-embed {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: calc(100dvh - var(--header-height));
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
}

.site-main--portfolio .zs-portfolio-embed__frame {
	display: block;
	flex: 1 1 auto;
	width: 100%;
	min-height: calc(100dvh - var(--header-height));
	height: calc(100dvh - var(--header-height));
	border: 0;
	margin: 0;
	padding: 0;
	background: #fff;
}

@media (max-width: 640px) {
	.site-main--portfolio .zs-portfolio-embed,
	.site-main--portfolio .zs-portfolio-embed__frame {
		min-height: calc(100dvh - var(--header-height) - env(safe-area-inset-bottom, 0px));
		height: calc(100dvh - var(--header-height) - env(safe-area-inset-bottom, 0px));
	}
}