/*
 * Enkelt Salg – bakgrunnen fra bestillingsskjemaet, til bruk på hele seksjoner.
 *
 * Legg klassen «es-bakgrunn» på en Divi-seksjon (Avansert → CSS-klasse), eller på
 * et hvilket som helst element. Den dekker hele bredden seksjonen har.
 */

/* Høy spesifisitet og !important: Divi skriver egne seksjonsstiler med høy prioritet. */
.es-bakgrunn,
html body .es-bakgrunn,
html body #page-container .et_pb_section.es-bakgrunn,
html body #page-container div.et_pb_section.es-bakgrunn {
	background-color: #0a0e17 !important;
	background-image:
		radial-gradient(60% 50% at 12% 8%, rgba(121, 58, 255, .28) 0%, transparent 70%),
		radial-gradient(50% 45% at 95% 100%, rgba(245, 39, 145, .16) 0%, transparent 70%),
		linear-gradient(180deg, #0a0e17 0%, #0d0a1e 100%) !important;
	background-position: 0 0 !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	isolation: isolate;
	position: relative;
}

/* Diskret rutenett som toner ut. */
.es-bakgrunn::before,
html body #page-container .et_pb_section.es-bakgrunn::before {
	background-image:
		linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
	background-size: 48px 48px;
	content: "";
	inset: 0;
	-webkit-mask-image: radial-gradient(80% 60% at 30% 0%, #000 0%, transparent 75%);
	mask-image: radial-gradient(80% 60% at 30% 0%, #000 0%, transparent 75%);
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.es-bakgrunn > *:not([class*="divider"]),
html body #page-container .et_pb_section.es-bakgrunn > *:not([class*="divider"]) {
	position: relative;
	z-index: 1;
}

/* Variant der glødet sitter nederst, fin som neste seksjon under. */
.es-bakgrunn.es-bakgrunn--bunn,
html body .es-bakgrunn.es-bakgrunn--bunn,
html body #page-container .et_pb_section.es-bakgrunn.es-bakgrunn--bunn,
html body #page-container div.et_pb_section.es-bakgrunn.es-bakgrunn--bunn {
	background-color: #0a0e17 !important;
	background-image:
		radial-gradient(55% 50% at 85% 10%, rgba(55, 66, 251, .18) 0%, transparent 70%),
		radial-gradient(60% 55% at 10% 100%, rgba(121, 58, 255, .24) 0%, transparent 70%),
		linear-gradient(180deg, #0d0a1e 0%, #0a0e17 100%) !important;
}

.es-bakgrunn.es-bakgrunn--bunn::before {
	-webkit-mask-image: radial-gradient(80% 60% at 70% 100%, #000 0%, transparent 75%);
	mask-image: radial-gradient(80% 60% at 70% 100%, #000 0%, transparent 75%);
}