/* Homepage wizard — tight footer, single bottom graphic, mobile-safe */

/* Natural document height: no viewport stretch (was causing gap below footer). */
body.page-template-on-duty-php.onduty-app-page,
body.page-template-on-duty-php.onduty-app-page #page,
body.page-template-on-duty-php.onduty-app-page #content,
body.page-template-on-duty-php.onduty-app-page main#content,
body.page-template-on-duty-php.onduty-app-page .site-content,
body.page-template-on-duty-php.onduty-app-page .site-content .ast-container {
	min-height: 0 !important;
	height: auto !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

body.page-template-on-duty-php.onduty-app-page #page {
	display: block !important;
}

body.page-template-on-duty-php.onduty-app-page #content {
	flex: none !important;
}

body.page-template-on-duty-php #onduty-wizard {
	min-height: 0;
	height: auto;
	padding-bottom: 0;
	overflow: hidden;
}

body.page-template-on-duty-php .onduty-app-footer {
	margin-top: 0 !important;
	padding-top: 16px;
	padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}

/* One bottom decoration only: moving truck (hide duplicate step background images) */
body.page-template-on-duty-php .wizard-step.wizard-step-3,
body.page-template-on-duty-php .wizard-step.wizard-step-4,
body.page-template-on-duty-php .wizard-step.wizard-step-5 {
	background-image: none !important;
}

body.page-template-on-duty-php .wizard-step.wizard-step-5::after {
	display: none !important;
}

body.page-template-on-duty-php .wizard-step.wizard-step-1 {
	padding-bottom: 16px;
}

body.page-template-on-duty-php .wizard-step.wizard-step-2 {
	padding-bottom: 32px;
}

body.page-template-on-duty-php .wizard-step.wizard-step-3,
body.page-template-on-duty-php .wizard-step.wizard-step-4,
body.page-template-on-duty-php .wizard-step.wizard-step-5,
body.page-template-on-duty-php .wizard-step.wizard-step-6,
body.page-template-on-duty-php .wizard-step.wizard-step-7 {
	padding-bottom: 200px;
}

body.page-template-on-duty-php .candidate-row {
	margin-bottom: 32px;
}

body.page-template-on-duty-php .vehicle-card-wrapper {
	margin-bottom: 88px;
}

body.page-template-on-duty-php .question-wrapper {
	margin-bottom: 32px;
}

body.page-template-on-duty-php .age-card-wrapper {
	margin-bottom: 96px;
}

body.page-template-on-duty-php .download-app-card-wrapper {
	margin-bottom: 96px;
}

body.page-template-on-duty-php .wizard-truck-bg {
	width: 300px;
	height: 280px;
}

body.page-template-on-duty-php #onduty-wizard:not(:has(.wizard-step-3.active)):not(:has(.wizard-step-4.active)):not(:has(.wizard-step-5.active)):not(:has(.wizard-step-6.active)):not(:has(.wizard-step-7.active)) .wizard-truck-bg {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Pin truck decoration above footer — stays at bottom when wizard steps change */
body.page-template-on-duty-php #onduty-wizard > .wizard-truck-bg {
	position: fixed;
	left: 0;
	bottom: calc(var(--od-footer-height, 0px) + env(safe-area-inset-bottom, 0px));
	z-index: 1;
	pointer-events: none;
}

body.page-template-on-duty-php #onduty-wizard > .wizard-truck-bg .wizard-truck {
	bottom: 54px;
	left: 20px;
	transition: left 0.8s ease, opacity 0.35s ease, transform 0.35s ease;
}

@media only screen and (max-width: 767px) {
	body.page-template-on-duty-php .wizard-step.wizard-step-1 {
		padding-bottom: 12px;
	}

	body.page-template-on-duty-php .wizard-step.wizard-step-2 {
		padding-bottom: 16px;
	}

	body.page-template-on-duty-php .wizard-step.wizard-step-3,
	body.page-template-on-duty-php .wizard-step.wizard-step-4,
	body.page-template-on-duty-php .wizard-step.wizard-step-5,
	body.page-template-on-duty-php .wizard-step.wizard-step-6,
	body.page-template-on-duty-php .wizard-step.wizard-step-7 {
		padding-bottom: 150px !important;
	}

	body.page-template-on-duty-php #onduty-wizard > .wizard-truck-bg .wizard-truck {
		bottom: 43px;
		width: 26px;
		left: auto;
	}

	body.page-template-on-duty-php .vehicle-card-wrapper {
		margin-bottom: 48px;
	}

	body.page-template-on-duty-php .age-card-wrapper {
		margin-bottom: 56px;
	}

	body.page-template-on-duty-php .download-app-card-wrapper {
		margin-bottom: 56px;
	}

	body.page-template-on-duty-php .wizard-truck-bg {
		width: 160px;
		height: 150px;
	}

	body.page-template-on-duty-php .onduty-trust-badges {
		margin-bottom: 12px;
	}

	body.page-template-on-duty-php .onduty-wizard-progress {
		margin-bottom: 12px;
	}

	body.page-template-on-duty-php .onduty-app-footer {
		padding: 10px 16px 12px;
	}

	body.page-template-on-duty-php .onduty-app-footer__text {
		font-size: 12px;
	}

	body.page-template-on-duty-php .onduty-warum-link {
		margin-top: 12px;
	}

	body.page-template-on-duty-php .wizard-step-1 p {
		margin-bottom: 20px;
	}
}