/**
 * Mobile stage glow.
 *
 * Desktop uses kit OM-STAGE-V2 with background-attachment:fixed so
 * adjacent .om-stage-section blocks (CTA + footer) share one canvas.
 * iOS does not paint that attachment, so the radials vanish or each
 * block restarts the glow.
 *
 * On small screens a single viewport-fixed .om-stage-canvas sits
 * behind the page. Stage sections go transparent and punch through
 * to that canvas. Cream sections keep their own fill.
 *
 * Keep the image stack in sync with kit OM-STAGE-V2-START.
 */
@media (max-width: 1024px) {
	.om-stage-canvas {
		display: block;
		position: fixed;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background-color: #0c0a09;
		background-image:
			repeating-linear-gradient(
				90deg,
				rgba(255, 255, 255, 0.015) 0px,
				rgba(255, 255, 255, 0.015) 1px,
				transparent 1px,
				transparent 6px
			),
			radial-gradient(ellipse 86% 56% at 50% 0%, rgba(176, 44, 52, 0.4) 0%, transparent 56%),
			radial-gradient(ellipse 48% 56% at 15% 34%, rgba(168, 40, 48, 0.5) 0%, transparent 62%),
			radial-gradient(ellipse 58% 62% at 88% 20%, rgba(197, 51, 57, 0.48) 0%, transparent 66%),
			radial-gradient(ellipse 46% 52% at 93% 9%, rgba(202, 53, 57, 0.43) 0%, transparent 62%),
			radial-gradient(ellipse 48% 55% at 48% 98%, rgba(160, 40, 48, 0.26) 0%, transparent 64%);
	}

	html body .elementor-element.om-stage-section.e-con,
	html body .elementor-element.om-stage-section--bright.e-con,
	html body .elementor-element.om-stage-section--local.e-con {
		background-image: none !important;
		background-attachment: scroll !important;
		background-color: transparent !important;
	}

	/*
	 * The canvas sits above body cream (fixed, z-index -1). Transparent
	 * non-stage regions (Stories, Events list, production body) then
	 * show the burgundy glow under dark text. Cover those bands with
	 * kit cream. Direct children only so nested cards keep their fill
	 * and true stage sections still punch through.
	 *
	 * Skip wrappers that contain a nested .om-stage-section (Season
	 * season-root). Cream on the parent hides the canvas from the
	 * nested hero, so white title sits on cream instead of the glow.
	 */
	html body .elementor[data-elementor-type] > .elementor-element.e-con:not(.om-stage-section):not(.om-stage-section--bright):not(.om-stage-section--local):not(:has(.om-stage-section)):not(:has(.om-stage-section--bright)):not(:has(.om-stage-section--local)),
	html body > .tribe-events,
	html body > .tribe-common {
		background-color: #f1eadc !important;
	}

	html body .elementor-element-season-root {
		background-color: transparent !important;
	}
}

@media (max-width: 767px) {
	.om-boxoffice .elementor-widget-button,
	.om-boxoffice .elementor-button-wrapper,
	.om-boxoffice a.elementor-button {
		width: 100% !important;
		max-width: 100%;
	}
}

@media (min-width: 1025px) {
	.om-stage-canvas {
		display: none;
	}
}