/* FIX ARRAY — Service Hero media policy.
 * Default: clean slot for a personalised photograph.
 * Technical visuals require an explicit opt-in and are left untouched.
 */

.fixarray-service-hero.fixarray-service-hero--visual-mode-photo .fixarray-service-hero__visual-pattern,
.fixarray-hero-graphic-retired {
	display: none !important;
}

.fixarray-service-hero.fixarray-service-hero--visual-mode-photo.fixarray-service-hero--image-empty .fixarray-service-hero__visual {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.14)),
		var(--fax-service-visual-bg, #476c92) !important;
}

.fixarray-service-hero.fixarray-service-hero--visual-mode-photo.fixarray-service-hero--image-empty .fixarray-service-hero__visual::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	content: "";
	pointer-events: none;
	background:
		radial-gradient(circle at 78% 16%, rgba(255, 255, 255, 0.065), transparent 34%),
		linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.10) 100%);
}

.fixarray-service-hero.fixarray-service-hero--visual-mode-photo .fixarray-service-hero__image {
	z-index: 0;
}

.fixarray-service-hero.fixarray-service-hero--visual-mode-photo .fixarray-service-hero__panel {
	z-index: 2;
}

/*
 * Pages that must always use a personalised photograph in the Hero.
 * Every legacy-generated diagram is hidden, while the editorial panel remains.
 */
body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__visual > :not(.fixarray-service-hero__image):not(.fixarray-service-hero__panel) {
	display: none !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__visual {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.14)),
		var(--fax-service-visual-bg, #476c92) !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__visual::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	content: "";
	pointer-events: none;
	background:
		radial-gradient(circle at 78% 16%, rgba(255, 255, 255, 0.055), transparent 34%),
		linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.10) 100%) !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__visual::after {
	background: linear-gradient(180deg, rgba(7, 27, 67, 0.02) 30%, rgba(7, 27, 67, 0.62) 100%) !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__panel {
	background-image: none !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__panel::before,
body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__panel::after {
	display: none !important;
	content: none !important;
}

body:is(
	.page-id-1247,
	.page-id-1248,
	.page-id-1250,
	.page-id-1251,
	.page-id-1252,
	.page-id-1253,
	.page-id-1259,
	.page-id-1260,
	.page-id-1261,
	.page-id-1262,
	.page-id-1263
) .fixarray-service-hero__panel > :not(.fixarray-service-hero__panel-eyebrow):not(.fixarray-service-hero__panel-title):not(.fixarray-service-hero__panel-text):not(.fixarray-service-hero__badges) {
	display: none !important;
}

/* Explicit technical mode remains available outside the forced-photo pages. */
.fixarray-service-hero.fixarray-service-hero--visual-mode-technical .fixarray-service-hero__visual-pattern,
.fixarray-hero-technical-visual .fixarray-service-hero__visual-pattern {
	display: block;
}