/**
 * ZARE Theme Page Canvas + per-Page presentation foundation — DS-5P4 correction.
 * Theme-owned presentation only; values consume semantic Theme tokens.
 */

/**
 * DS-5P4 Page Canvas contract.
 *
 * Global WordPress contentSize remains Narrow/720px for Single Post/editorial
 * semantics. A normal Page opts into the broader Normal/1240px canvas here.
 */
.zare-layout-context.zare-layout-context--page > :where(:not(.alignfull)) {
	max-width: var(--zare-layout-wide);
}

.zare-layout-context.zare-layout-context--page.zare-page-width--narrow > :where(:not(.alignfull)) {
	max-width: var(--zare-layout-reading);
	margin-inline: auto !important;
}

.zare-layout-context.zare-layout-context--page.zare-page-width--normal > :where(:not(.alignfull)) {
	max-width: var(--zare-layout-wide);
}

.zare-layout-context.zare-layout-context--page.zare-page-width--full > :where(:not(.alignfull)) {
	max-width: none;
}

.zare-layout-context--page.zare-page-spacing--none {
	padding-block: 0;
}

.zare-layout-context--page.zare-page-spacing--compact {
	padding-block: var(--wp--custom--zare-experience--section--compact-space);
}

.zare-layout-context--page.zare-page-spacing--default {
	padding-block: var(--wp--custom--zare-experience--section--default-space);
}

.zare-layout-context--page.zare-page-spacing--spacious {
	padding-block: var(--wp--custom--zare-experience--section--spacious-space);
}

/* Page Title and Featured Media follow the whole-Page width override. */
body.zare-page-width--narrow :where(.zare-page-title-shell, .zare-page-featured-media) .zare-shell__inner {
	max-width: var(--zare-layout-reading);
}

body.zare-page-width--normal :where(.zare-page-title-shell, .zare-page-featured-media) .zare-shell__inner,
body.zare-page-width--full :where(.zare-page-title-shell, .zare-page-featured-media) .zare-shell__inner {
	max-width: var(--zare-layout-wide);
}

/** Explicit Page sidebar templates. Main remains first in source order. */
.zare-page-layout--sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, var(--wp--custom--zare-experience--page--sidebar-width));
	grid-template-areas: "main sidebar";
	gap: var(--wp--custom--zare-experience--page--sidebar-gap);
	align-items: start;
}

.zare-page-layout--sidebar.zare-page-layout--left {
	grid-template-columns: minmax(0, var(--wp--custom--zare-experience--page--sidebar-width)) minmax(0, 1fr);
	grid-template-areas: "sidebar main";
}

.zare-page-main {
	grid-area: main;
	min-width: 0;
}

.zare-page-sidebar {
	grid-area: sidebar;
	min-width: 0;
}

/* A sidebar column is already inside the canonical Normal canvas and must not
 * re-apply viewport gutters to its Post Content children. */
.zare-page-layout--sidebar .zare-layout-context--page > :where(:not(.alignfull)) {
	width: 100%;
	max-width: 100%;
	margin-inline: 0 !important;
}

.zare-page-layout--sidebar .zare-layout-context--page.zare-page-width--narrow > :where(:not(.alignfull)) {
	max-width: min(100%, var(--zare-layout-reading));
}

@media (max-width: 782px) {
	.zare-page-layout--sidebar,
	.zare-page-layout--sidebar.zare-page-layout--left {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"main"
			"sidebar";
	}
}