/* ===== Admin Section Disabling (Minimal Code) ===== */
.disabled-section h2 {
	pointer-events: none;
}

/* ===== Header and Footer Pattern Settings (Frontend) ===== */

/* Header pattern layer */
.cs-header {
	position: relative;
	z-index: 0;
}

/* Background Color (::before layer for color without opacity) */
.cs-header::before {
	content: '';
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	z-index: -2;
	background-color: var(--header-pattern-color, transparent);
}

/* Pattern Image (::after layer for image with opacity) */
.cs-header::after {
	content: '';
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	z-index: -1;
	background-image: var(--header-pattern-image, none);
	background-repeat: var(--header-pattern-repeat, repeat);
	background-size: auto;
	pointer-events: none;
	opacity: var(--header-pattern-opacity, 1);
}

/* Footer with the same logic */
.cs-footer {
	position: relative;
	z-index: 0;
}

/* Background Color (::before layer for color without opacity) */
.cs-footer::before {
	content: '';
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	z-index: -2;
	background-color: var(--footer-pattern-color, transparent);
}

/* Pattern Image (::after layer for image with opacity) */
.cs-footer::after {
	content: '';
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	z-index: -1;
	background-image: var(--footer-pattern-image, none);
	background-repeat: var(--footer-pattern-repeat, repeat);
	background-size: auto;
	pointer-events: none;
	opacity: var(--footer-pattern-opacity, 1);
}