/**
 * Portfolio single (template 5751) — Free chrome parity with mysite/live.
 *
 * Pro sticky + banner --margin-top:-110px puts the breadcrumb ~32px under the
 * header pill. Our Free sticky spacer keeps the banner lower in flow, so the
 * Elementor 80px crumb padding overshoots — compensate here.
 */

/* Banner must tuck under the floating header (Elementor uses --margin-top). */
body.single-portfolio .elementor-5751 .elementor-element.elementor-element-947dfc7 {
	--margin-top: -110px !important;
	margin-top: -110px !important;
}

/* Desktop breadcrumb — live visual gap under header pill ≈ 32px. */
@media (min-width: 768px) {
	body.single-portfolio .elementor-5751 .elementor-element.elementor-element-349b20e > .elementor-widget-container {
		padding: 0 0 0 0 !important;
	}

	body.single-portfolio .elementor-5751 .elementor-element.elementor-element-3fc41c0 {
		--padding-top: 21px !important;
	}
}

/* Mobile breadcrumb (Elementor uses 16px under max-width:767px). */
@media (max-width: 767px) {
	body.single-portfolio .elementor-5751 .elementor-element.elementor-element-208a477 > .elementor-widget-container {
		padding: 16px 0 0 0 !important;
	}

	body.single-portfolio .elementor-5751 .elementor-element.elementor-element-349b20e > .elementor-widget-container {
		padding: 16px 0 0 0 !important;
	}
}