/**
 * Certifyi page images (2026-10-25).
 *
 * Adds subtle photo washes to hero sections on About, Team, Careers and Events.
 * Each hero gets an ::after pseudo-element with a photo at low opacity (15-18%).
 * ::before is already used by the legacy grid overlay in certifyi-ui.css.
 *
 * Images are in wp-content/uploads/unsplash/, referenced relative to this file so they resolve under any base path. Delete this file and
 * certifyi-page-images.php to roll back.
 *
 * Photo credits (Unsplash License, free for commercial use):
 *   A  about-whiteboard-kaleidico.jpg       — Kaleidico
 *   C  team-workspace-vadimsherbakov.jpg     — Vadim Sherbakov
 *   E  careers-laughter-priscilladupreez.jpg — Priscilla Du Preez
 *   G  events-panel-headway.jpg              — Headway
 *   H  pricing-architecture.jpg              — Unsplash (architectural glass)
 *   I  howitworks-geometric.jpg              — Unsplash (curved geometry)
 *   J  compare-facade.jpg                    — Unsplash (glass grid facade)
 *   K  integrations-network.jpg              — Unsplash (server infrastructure)
 */

/* ================================================================
   HERO IMAGE OVERLAYS
   Each hero gets an ::after pseudo-element with a photo wash.
   ::before is already used by the legacy grid overlay.
   ================================================================ */

/* -- About page (5910) — photo A: whiteboard strategy -- */
body.page-id-5910 .cfy-page section.hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-5910 .cfy-page section.hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/about-whiteboard-kaleidico.jpg") center 30% / cover no-repeat !important;
	opacity: 0.18 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-5910 .cfy-page section.hero > .wrap {
	position: relative;
	z-index: 1;
}

/* -- Team page (7159) — photo C: warm workspace -- */
body.page-id-7159 .cfy-page section.hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-7159 .cfy-page section.hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/team-workspace-vadimsherbakov.jpg") center / cover no-repeat !important;
	opacity: 0.15 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-7159 .cfy-page section.hero > .wrap {
	position: relative;
	z-index: 1;
}

/* -- Careers page (7163) — photo E: genuine laughter -- */
body.page-id-7163 .cfy-page section.hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-7163 .cfy-page section.hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/careers-laughter-priscilladupreez.jpg") center / cover no-repeat !important;
	opacity: 0.18 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-7163 .cfy-page section.hero > .wrap {
	position: relative;
	z-index: 1;
}

/* -- Events page (7105) — photo G: panel discussion -- */
body.page-id-7105 .e-con.cfy-hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-7105 .e-con.cfy-hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/events-panel-headway.jpg") center / cover no-repeat !important;
	opacity: 0.15 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-7105 .e-con.cfy-hero > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* -- Pricing page (6679) — photo H: architectural glass -- */
body.page-id-6679 .e-con.cfy-hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-6679 .e-con.cfy-hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/pricing-architecture.jpg") center / cover no-repeat !important;
	opacity: 0.12 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-6679 .e-con.cfy-hero > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* -- How It Works page (9395) — photo I: curved geometry -- */
body.page-id-9395 .e-con.cfy-hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-9395 .e-con.cfy-hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/howitworks-geometric.jpg") center / cover no-repeat !important;
	opacity: 0.10 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-9395 .e-con.cfy-hero > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* -- Compare page (8705) — photo J: glass grid facade -- */
body.page-id-8705 .cfy-page section.hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-8705 .cfy-page section.hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/compare-facade.jpg") center / cover no-repeat !important;
	opacity: 0.12 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-8705 .cfy-page section.hero > .wrap {
	position: relative;
	z-index: 1;
}

/* -- Integrations page (8464) — photo K: server infrastructure -- */
body.page-id-8464 .e-con.cfy-hero {
	position: relative !important;
	overflow: hidden !important;
}
body.page-id-8464 .e-con.cfy-hero::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	background: url("../uploads/unsplash/integrations-network.jpg") center / cover no-repeat !important;
	opacity: 0.10 !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
body.page-id-8464 .e-con.cfy-hero > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* Hero content above the photo wash. The wash is a positioned ::after, which paints over in-flow content;
   a full-width container has no .e-con-inner to lift, so its heading and buttons sat under the photo. */
body.page-id-7105 .e-con.cfy-hero > *,
body.page-id-6679 .e-con.cfy-hero > *,
body.page-id-9395 .e-con.cfy-hero > *,
body.page-id-8464 .e-con.cfy-hero > * {
	position: relative;
	z-index: 1;
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (prefers-reduced-motion: reduce) {
	body.page-id-5910 .cfy-page section.hero::after,
	body.page-id-7159 .cfy-page section.hero::after,
	body.page-id-7163 .cfy-page section.hero::after,
	body.page-id-7105 .e-con.cfy-hero::after,
	body.page-id-6679 .e-con.cfy-hero::after,
	body.page-id-9395 .e-con.cfy-hero::after,
	body.page-id-8705 .cfy-page section.hero::after,
	body.page-id-8464 .e-con.cfy-hero::after {
		transition: none !important;
	}
}