/**
 * Portfolio – Scattered (native page template: portfolio-scattered.php)
 *
 * Restores layout/visual rules that previously lived inline in the template.
 * Loaded only when the page uses Template: Portfolio - Scattered.
 */

/* Region + slug: same dark shell as “Our Work” / Collective Collaborations */
body.page-template-portfolio-scattered,
body.page-collective-collaborations {
	--content-background: #000000;
}

body.page-template-portfolio-scattered [class*="pth-scattered-heading"],
body.page-template-portfolio-scattered .pth-scattered-title-wrap,
body.page-collective-collaborations [class*="pth-scattered-heading"],
body.page-collective-collaborations .pth-scattered-title-wrap {
	background: #000000 !important;
	padding: var(--space-xxxl) 0 var(--space-xl);
	text-align: center;
}

/* Full-width band + center heading in viewport (overrides .pth-max-width side margins / width) */
body.page-template-portfolio-scattered .pth-scattered-title-wrap.pth-max-width,
body.page-collective-collaborations .pth-scattered-title-wrap.pth-max-width {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
	padding-left: max(var(--space-md), 4vw);
	padding-right: max(var(--space-md), 4vw);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body.page-template-portfolio-scattered .pth-scattered-title-wrap .pth-page-heading__inner,
body.page-collective-collaborations .pth-scattered-title-wrap .pth-page-heading__inner {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/* Section title — match Elementor heading widget (h2.elementor-heading-title.elementor-size-default) */
body.page-template-portfolio-scattered [class*="pth-scattered-heading"] .elementor-heading-title,
body.page-collective-collaborations [class*="pth-scattered-heading"] .elementor-heading-title,
body.page-template-portfolio-scattered .pth-scattered-title-wrap .elementor-heading-title,
body.page-collective-collaborations .pth-scattered-title-wrap .elementor-heading-title {
	margin: 0;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 100%;
	text-align: center !important;
	letter-spacing: 4px;
	text-shadow: none !important;
}

body.page-template-portfolio-scattered [class*="pth-scattered-heading"] .elementor-heading-title::before,
body.page-template-portfolio-scattered [class*="pth-scattered-heading"] .elementor-heading-title::after,
body.page-collective-collaborations [class*="pth-scattered-heading"] .elementor-heading-title::before,
body.page-collective-collaborations [class*="pth-scattered-heading"] .elementor-heading-title::after {
	display: none !important;
	content: none !important;
}

/* Remove white gap under fixed header */
body.page-template-portfolio-scattered main.pth-content,
body.page-collective-collaborations main.pth-content {
	margin-top: 0 !important;
}

body.page-template-portfolio-scattered .pth-projects--scattered,
body.page-template-portfolio-scattered .pth-entry__content,
body.page-collective-collaborations .pth-projects--scattered,
body.page-collective-collaborations .pth-entry__content {
	background-color: #000000 !important;
}

/* Project tags hidden on scattered grid (matches prior behaviour) */
body.page-template-portfolio-scattered .pth-projects--scattered .pth-projects__item-meta {
	display: none !important;
}

/* Tiles with links disabled in PHP — reinforce cursor / no pointer */
body.page-template-portfolio-scattered .pth-projects__item-wrap--disabled {
	pointer-events: none !important;
	cursor: default !important;
}