/**
 * IA · Course single — sticksy-safe layout: full-width two-column block, balanced split,
 * full-width cover, and header re-center.
 *
 * (1) FULL-WIDTH BLOCK + BALANCED SPLIT. The two-column showcase (.academy-row > col-lg-8 +
 *     col-lg-4) spans the full 1366px container border-box on desktop. The container carries a
 *     large responsive gutter (var(--gutter) → up to 72px each side) that was insetting the
 *     block to ~1252px, so the row is pulled out to the container edges with a negative inline
 *     margin equal to that gutter. The columns keep the vendor grid's proper split —
 *     content 66.6667%, sidebar 33.3333% (≈455px) — a comfortable sidebar rather than the
 *     over-narrow 1/4 tried earlier. Percentages sum to 100%, so the flex-wrap row fills the
 *     block and never wraps; Sticksy measures the final col-lg-4 width at init (dummy matches,
 *     top offset + bottom parking preserved). The row's display/flex and gap are untouched.
 *
 * (2) FULL-WIDTH COVER. The single-page preview cover/poster renders at its intrinsic width
 *     otherwise (the vendor image carries no width:100% that wins), leaving it narrower than the
 *     content column. Force it to fill the column (aspect ratio kept). Applies to both the
 *     default Feature Image and our showcase poster (same .academy-single-course__preview img).
 *
 * (3) HEADER RE-CENTER (position only, NOT size). The site header (.ia-header-glass) centres via
 *     left:50% + translateX(-50%). In its non-sticky (relative) state at the top of THIS page the
 *     50% resolved against its wrapper .elementor-location-header, which is left-anchored and
 *     capped below the viewport width — so the menu drifted left, worse on wide screens. We widen
 *     only that transparent wrapper to the full viewport, so the 50% resolves against the viewport
 *     and the menu centres (as on every other page, where the header is position:fixed). The
 *     header's Elementor size (1280px) is not changed.
 *
 * Desktop only (≥1024px — where Sticksy is active and the wide layout applies); mobile untouched.
 */

@media ( min-width: 1024px ) {

	/* (3) Header wrapper → full viewport width, so the relative-state header centres. */
	body.single-academy_courses .elementor-location-header {
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
	}

	/* (1) Pull the two-column row out to the container border-box (full 1366). */
	body.single-academy_courses .academy-container > .academy-row {
		margin-left: calc( -1 * var( --gutter, 24px ) );
		margin-right: calc( -1 * var( --gutter, 24px ) );
	}

	/* (1) Balanced split: content 2/3, sidebar 1/3 (≈455px). Sums to 100% → fills, never wraps. */
	body.single-academy_courses .academy-container > .academy-row > .academy-col-lg-8 {
		flex: 0 0 69%;
		max-width: 69%;
	}

	body.single-academy_courses .academy-container > .academy-row > .academy-col-lg-4 {
		flex: 0 0 31%;
		max-width: 31%;
	}

	/* (2) Cover/poster fills the content column. */
	body.single-academy_courses .academy-single-course__preview img {
		width: 100% !important;
		height: auto !important;
	}
}