/* ==========================================================================
   Pattern Background — Shared decorative element (replaces mountains-bg.css)
   ========================================================================== */

/* Bottom-positioned patterns (landscape silhouettes, fence, wire) */
.pattern-bg--bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60%;
	min-height: 200px;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.pattern-bg--bottom svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* Full-section patterns (scatter, tile) */
.pattern-bg--full {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.pattern-bg--full svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* Parent wrapper — blocks using patterns need relative + hidden */
.has-pattern-bg {
	position: relative;
	overflow: hidden;
}

/* Legacy compat — old mountain class still works */
.has-mountain-bg {
	position: relative;
	overflow: hidden;
}

@media (max-width: 768px) {
	.pattern-bg--bottom {
		height: 50%;
		min-height: 150px;
	}
}

@media (max-width: 480px) {
	.pattern-bg--bottom {
		height: 45%;
		min-height: 120px;
	}
}