/**
 * Sticky mobile CTA clearance — site-wide for custom service landings.
 *
 * Do NOT put padding-bottom on porcelain/white `.tr-service-*--theme` wrappers
 * (or bare `body`): that paints a full-width white band between a dark final
 * section and the dark site footer. Sticky bars are position:fixed, so
 * clearance belongs on the dark site `footer` instead.
 *
 * Scoped with :has(.sticky) so hubs without a mobile sticky bar are untouched.
 */

@media (max-width: 980px) {
	body[class*="tr-service-"]:has(.sticky),
	body[class*="tr-service-"]:has(.sticky) [class*="--theme"] {
		padding-bottom: 0 !important;
	}

	body[class*="tr-service-"]:has(.sticky) footer {
		padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
	}

	/* Two-row sticky (price + buttons) needs a taller footer pad. */
	body[class*="tr-service-"]:has(.sticky .sticky-prijs) footer,
	body[class*="tr-service-"]:has(.sticky-prijs) footer {
		padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));
	}
}

@media (max-width: 560px) {
	body[class*="tr-service-"]:has(.sticky) footer {
		padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
	}

	body[class*="tr-service-"]:has(.sticky .sticky-prijs) footer,
	body[class*="tr-service-"]:has(.sticky-prijs) footer {
		padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
	}
}