/**
 * High-fidelity hero presentation for release 0.1.25.
 *
 * The v3 files contain a natural, ungraded photograph. One CSS gradient owns
 * contrast for the copy, avoiding the former baked-gradient + CSS-gradient
 * combination that made the image look hazy.
 */

.et-service-hero::before {
	background:
		linear-gradient(
			90deg,
			rgba(10, 35, 66, 0.98) 0%,
			rgba(10, 35, 66, 0.94) 34%,
			rgba(10, 35, 66, 0.78) 48%,
			rgba(10, 35, 66, 0.34) 68%,
			rgba(10, 35, 66, 0.08) 100%
		),
		var(--et-visual-image, none) center / cover no-repeat !important;
}

/* The international-transport prototype is a literal blank rebuild between
 * the shared hero and its preserved final request block. Other service pages
 * keep the template-level detail image until they are rebuilt in later work. */
.et-page--international-transport .et-service-media {
	display: none !important;
}

.et-page--international-transport .et-content-shell > .wp-block-post-content {
	margin-block-start: 0 !important;
}

/* Native ordered-list block, promoted to a compact four-step decision grid. */
ol.is-style-et-numbered-list {
	counter-reset: et-numbered-step;
	display: grid;
	gap: 0.8rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.is-style-et-numbered-list > li {
	background: linear-gradient(145deg, rgba(238, 243, 247, 0.9), rgba(255, 255, 255, 0.98));
	border: 1px solid rgba(10, 35, 66, 0.11);
	border-radius: var(--et-card-radius, 0.75rem);
	counter-increment: et-numbered-step;
	margin: 0;
	min-height: 7.5rem;
	padding: 1.05rem 1.05rem 1.05rem 4rem;
	position: relative;
}

ol.is-style-et-numbered-list > li::before {
	align-items: center;
	background: var(--wp--preset--color--transit-navy, #0a2342);
	border: 0.14rem solid rgba(0, 156, 166, 0.55);
	border-radius: 999px;
	color: var(--wp--preset--color--document-white, #fff);
	content: counter(et-numbered-step, decimal-leading-zero);
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 800;
	height: 2.35rem;
	justify-content: center;
	left: 1rem;
	letter-spacing: 0.04em;
	position: absolute;
	top: 1rem;
	width: 2.35rem;
}

@media (min-width: 48rem) {
	ol.is-style-et-numbered-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* The homepage uses the same regenerated multimodal file and the same single
 * contrast layer; its established geometry and copy widths remain unchanged. */
.home.et-visual-a .et-home-hero,
.home .et-home-hero {
	background:
		linear-gradient(
			90deg,
			rgba(10, 35, 66, 0.98) 0%,
			rgba(10, 35, 66, 0.93) 35%,
			rgba(10, 35, 66, 0.74) 50%,
			rgba(10, 35, 66, 0.3) 70%,
			rgba(10, 35, 66, 0.06) 100%
		),
		var(--et-visual-image, url("../images/visual/v025/et-hero-multimodal-v3.webp")) center / cover no-repeat !important;
}

@media (max-width: 47.99rem) {
	.et-service-hero::before,
	.home.et-visual-a .et-home-hero,
	.home .et-home-hero {
		background:
			linear-gradient(
				180deg,
				rgba(10, 35, 66, 0.97) 0%,
				rgba(10, 35, 66, 0.9) 52%,
				rgba(10, 35, 66, 0.58) 100%
			),
			var(--et-visual-image, url("../images/visual/v025/et-hero-multimodal-v3.webp")) 62% center / cover no-repeat !important;
	}
}

@media (prefers-contrast: more) {
	.et-service-hero::before,
	.home.et-visual-a .et-home-hero,
	.home .et-home-hero {
		background-blend-mode: multiply;
	}
}