/**
 * vNext shared content axis — layout only.
 *
 * OWNER: this file. Does NOT rewrite frozen block CSS (ZTV integrity).
 * Loads after block stylesheets and aligns outer `__inner` tracks so that
 * `--ital-content-max` (1180px) is the USEFUL content width.
 *
 * Gutters sit OUTSIDE that 1180px via:
 *   width: min(1180px, calc(100% - 2 * gutter));
 *   padding-inline: 0;
 *
 * Intentionally left alone:
 * - readable text measures (H2 / lead / FAQ measure / ch widths)
 * - lightbox dialog widths
 * - card / grid / animation rules
 * - Hero v2 (uses `--ital-hero-max` in its own stylesheet)
 */

/*
 * Ordinary vNext section shells — one outer X-axis.
 * 1180px = edge-to-edge useful content (first card → last card, full grid, etc.).
 * Side gutters reduce available viewport space, not the 1180 budget itself.
 */
body.italplast-theme .ital-production__inner,
body.italplast-theme .ital-production-v2__inner,
body.italplast-theme .ital-content-media__inner,
body.italplast-theme .ital-advantages-facts__inner,
body.italplast-theme .ital-gallery-media__inner,
body.italplast-theme .ital-premium-content-media__inner,
body.italplast-theme .ital-faq-accordion__inner,
body.italplast-theme .ital-process-steps__inner,
body.italplast-theme .ital-rsq-section__inner {
	width: min(
		var(--ital-content-max, 1180px),
		calc(100% - 2 * var(--ital-content-gutter, clamp(1rem, 3vw, 2.5rem)))
	);
	max-width: none;
	margin-inline: auto;
	padding-inline: 0;
	box-sizing: border-box;
}

/*
 * Content Media: section had its own pad-x; zero it so gutters live only in
 * the shared width formula on `__inner`.
 */
body.italplast-theme .ital-content-media {
	--ital-cm-max: var(--ital-content-max, 1180px);
	padding-inline: 0;
}

body.italplast-theme .ital-content-media__inner {
	width: min(
		var(--ital-content-max, 1180px),
		calc(100% - 2 * var(--ital-content-gutter, clamp(1rem, 3vw, 2.5rem)))
	);
	max-width: none;
}

/*
 * Production Directions — same useful-width rule when pad-x is 0 on desktop.
 * On tablet/mobile --ital-content-pad-x supplies the outer gutter via width calc.
 */
body.italplast-theme .ital-pd__inner {
	width: min(
		var(--ital-content-max, 1180px),
		calc(
			100% - 2 * var(
				--ital-content-pad-x,
				var(--ital-content-gutter, clamp(1rem, 3vw, 2.5rem))
			)
		)
	);
	max-width: none;
	margin-inline: auto;
	padding-inline: 0;
	box-sizing: border-box;
}

@media (max-width: 899.98px) {
	body.italplast-theme .ital-production__inner,
	body.italplast-theme .ital-production-v2__inner,
	body.italplast-theme .ital-content-media__inner,
	body.italplast-theme .ital-advantages-facts__inner,
	body.italplast-theme .ital-gallery-media__inner,
	body.italplast-theme .ital-premium-content-media__inner,
	body.italplast-theme .ital-faq-accordion__inner,
	body.italplast-theme .ital-process-steps__inner,
	body.italplast-theme .ital-rsq-section__inner,
	body.italplast-theme .ital-pd__inner {
		width: min(
			var(--ital-content-max, 1180px),
			calc(100% - 2 * var(--ital-content-pad-x, calc(4 * var(--q2-rem, 1rem))))
		);
		padding-inline: 0;
	}
}

@media (max-width: 699px) {
	body.italplast-theme .ital-production__inner,
	body.italplast-theme .ital-production-v2__inner,
	body.italplast-theme .ital-content-media__inner,
	body.italplast-theme .ital-advantages-facts__inner,
	body.italplast-theme .ital-gallery-media__inner,
	body.italplast-theme .ital-premium-content-media__inner,
	body.italplast-theme .ital-faq-accordion__inner,
	body.italplast-theme .ital-process-steps__inner,
	body.italplast-theme .ital-rsq-section__inner,
	body.italplast-theme .ital-pd__inner {
		width: min(
			var(--ital-content-max, 1180px),
			calc(100% - 2 * var(--ital-content-pad-x, 15px))
		);
		padding-inline: 0;
	}
}