/* ==========================================================================
   Mobile menu as a simple popup — client request 2026-10-06 (design audit, batch 1)
   Theme option: Off Canvas Menu Style = "Fullscreen Cover Fade" (fullscreen-alt).
   These rules remove Salient's staggered link rise and the background's inset
   "zoom", so the menu and its links appear together with one short fade.
   Applies below Salient's mobile header breakpoint (1000px). Undo: delete this
   block (and set the menu style back to "Slide Out From Side" in Salient).
   ========================================================================== */
@media only screen and (max-width: 999px) {
	/* Links: no rise and no stagger. !important beats Salient's inline (jQuery transit) styles. */
	#slide-out-widget-area.fullscreen-alt .off-canvas-menu-container .menu,
	#slide-out-widget-area.fullscreen-alt .off-canvas-menu-container .menu > li {
		transform: none !important;
	}
	#slide-out-widget-area.fullscreen-alt .off-canvas-menu-container .menu > li {
		opacity: 1 !important;
		transition: none !important;
	}
	#slide-out-widget-area.fullscreen-alt .off-canvas-menu-container .menu {
		transition: opacity .2s ease-out !important;
	}
	/* The whole menu fades in with its background. */
	#slide-out-widget-area.fullscreen-alt.open {
		animation: bpo-menu-fade .2s ease-out both;
	}
	/* Background: a plain fade, no inset. */
	body #slide-out-widget-area-bg.fullscreen-alt,
	body #slide-out-widget-area-bg.fullscreen-alt.open {
		padding: 0 !important;
		transition: opacity .2s ease-out !important;
	}
	/* Keep the page behind the open menu from scrolling (the old slide-out menu did this too). */
	html:has(#slide-out-widget-area.fullscreen-alt.open),
	html:has(#slide-out-widget-area.fullscreen-alt.open) body {
		overflow: hidden !important;
	}
}
@keyframes bpo-menu-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}
/* Visitors who ask their device for less motion get no animation at all. */
@media (prefers-reduced-motion: reduce) {
	#slide-out-widget-area.fullscreen-alt.open { animation: none; }
	body #slide-out-widget-area-bg.fullscreen-alt,
	body #slide-out-widget-area-bg.fullscreen-alt.open,
	#slide-out-widget-area.fullscreen-alt .off-canvas-menu-container .menu { transition: none !important; }
}