/**
 * Block: Étapes du parcours (process-steps-block)
 *
 * Numbered steps grid. Layout via Bootstrap; this file handles step card
 * surface, numbered tag color and icon sizing.
 */

.process-steps-block {
	padding: 5rem 0 3rem;
	background-color: var(--sgc-surface, #f7f9fc);
}

.process-steps-title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.75rem, 2vw + 1rem, 2.5rem);
	font-weight: 700;
	line-height: 1.2;
}

.process-steps-intro {
	max-width: 48rem;
	margin: 0 auto;
	color: var(--sgc-text-muted, #5a6573);
}

.process-steps-item {
	background-color: #ffffff;
	border: 1px solid var(--sgc-border, #e6e9ee);
	border-radius: 0.75rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.process-steps-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.5rem 1.25rem rgba(10, 37, 64, 0.08);
}

.process-steps-icon {
	display: inline-block;
	font-size: 3.25rem;
	line-height: 1;
	color: var(--sgc-brand, #1a2b5c);
}

.process-steps-number {
	color: var(--sgc-primary, #0A2540);
}

.process-steps-step-title {
	margin: 0 0 0.5rem;
}

.process-steps-description {
	color: var(--sgc-text-muted, #5a6573);
}

@media (min-width: 992px) {
	.process-steps-block {
		padding: 6rem 0 4rem;
	}
}

/* Editor canvas — visible surface when fields are empty. */
.wp-block .process-steps-block {
	min-height: 10rem;
}