/**
 * Section background layers – position absolute (scrollent avec la page).
 * Important : ne pas créer de stacking context sur #page qui ensevelit le header fixed.
 */
body.has-euroweb-section-bg {
	position: relative;
}

.euroweb-section-bg-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	z-index: 0;
	pointer-events: none;
}

.euroweb-section-bg-layer__blob {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
}

.euroweb-section-bg-layer.is-ready .euroweb-section-bg-layer__blob {
	visibility: visible;
}

/* Contenu au-dessus des blobs — sans piéger le header */
body.has-euroweb-section-bg #content {
	position: relative;
	z-index: 1;
}

/* Header fixed toujours au-dessus (single / home) */
body.has-euroweb-section-bg #masthead,
body.has-euroweb-section-bg header#masthead,
body.has-euroweb-section-bg header.essentials-child-vc-header,
body #masthead.essentials-child-vc-header {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 99999 !important;
}

.admin-bar body.has-euroweb-section-bg #masthead,
.admin-bar body #masthead.essentials-child-vc-header {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	.admin-bar body.has-euroweb-section-bg #masthead,
	.admin-bar body #masthead.essentials-child-vc-header {
		top: 46px !important;
	}
}

body.has-euroweb-section-bg footer#pix-page-footer,
body.has-euroweb-section-bg .site-footer2,
body.has-euroweb-section-bg #pix-page-footer {
	position: relative;
	z-index: 5;
	visibility: visible !important;
	opacity: 1 !important;
}

body.has-euroweb-section-bg,
body.has-euroweb-section-bg #page,
body.has-euroweb-section-bg #content,
body.has-euroweb-section-bg #content.bg-white,
body.has-euroweb-section-bg #content > .container {
	background: transparent !important;
	background-color: transparent !important;
}

body.has-euroweb-section-bg .pix-page-loading-bg {
	z-index: 0;
	pointer-events: none;
}