/**
 * Portfolio single shell: match Elementor page layout.
 *
 * Must load AFTER theme-elementor.css (that file sets
 * body:not(.elementor-page) #lqd-contents-wrap { padding: 70px }
 * and only unlocks the content container for .elementor-page).
 *
 * Titlebar stays on the theme .container (same as Elementor pages) —
 * do not restyle it to 50px or it will diverge from pages like
 * /rozwiazania-indywidualne/.
 */

/* Same unlock ArcHub gives .elementor-page */
body.single-liquid-portfolio:not(.has-sidebar) #lqd-site-content > .container {
	max-width: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Kill the non-Elementor vertical padding from theme-elementor.css */
body.single-liquid-portfolio #lqd-contents-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*
 * Gutenberg content: same horizontal margin as a regular post or page.
 *
 * .pf-single-contents is not a theme .container (that class lives on the
 * wrapper we unlock above), so it gets Bootstrap's container metrics itself.
 * These must stay identical to assets/css/vendors/bootstrap-optimize.css in the
 * parent theme, which is what /teset/ and every Elementor page render in:
 *   base      -> fluid, 15px side padding
 *   >= 768px  -> 750px
 *   >= 992px  -> 970px
 *   >= 1200px -> 1170px
 * Content therefore tops out at 1140px of usable width, which is the number
 * stabilizer_gallery_max_width() builds the gallery `sizes` attribute from.
 *
 * An .alignfull child still escapes this box on its own: the fullwidth slider
 * block breaks out with margin-left: calc(50% - 50vw).
 */
body.single-liquid-portfolio .pf-single-contents {
	box-sizing: border-box;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 15px;
}

@media (min-width: 768px) {
	body.single-liquid-portfolio .pf-single-contents {
		width: 750px;
	}
}

@media (min-width: 992px) {
	body.single-liquid-portfolio .pf-single-contents {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	body.single-liquid-portfolio .pf-single-contents {
		width: 1170px;
	}
}