/**
 * Live Home mobile fade — owner-approved 2026-08-14 from /proto-hero-fade-live/.
 * Enqueued on Home + fade proto. Desktop unchanged (max-width 767px only).
 * Do not paste into post_content or a WPCode overlay.
 *
 * Locked: white header · photo meets the bar (no Kadence hairline) ·
 * sunset fade from Explore tours into Popular #faf7f2 · full pyramids
 * (--photo-frac 0.58 stays in home-hero-seasons.css) · padding-bottom
 * stays 2.35rem from seasons (do not revert to 1.35rem).
 */

@media (max-width: 767px) {
	body.home {
		--fade-sunset: #e8ac63;
		--fade-frame: #faf7f2;
		background-color: #faf7f2;
	}

	body.home #wrapper,
	body.home #mobile-header,
	body.home #mobile-header .site-header-inner-wrap,
	body.home #mobile-header .site-header-upper-wrap,
	body.home #mobile-header .site-header-upper-inner-wrap,
	body.home #mobile-header .site-main-header-wrap,
	body.home #mobile-header .site-header-row-container-inner {
		background-color: #fff;
	}
	body.home #mobile-header .site-header-row-container-inner {
		padding-bottom: 0 !important;
	}
	body.home #mobile-header .site-header-row,
	body.home #mobile-header .site-main-header-inner-wrap,
	body.home #masthead {
		box-shadow: none !important;
	}

	body.home #primary.content-area,
	body.home .content-area,
	body.home .entry-content {
		background-color: #faf7f2;
	}

	body.home .entry-content > .wp-block-cover.alignfull.marvel-home-hero,
	body.home .marvel-home-hero.wp-block-cover {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		background: linear-gradient(
			180deg,
			#2a1c12 0%,
			#2a1c12 40%,
			#4a2a14 54%,
			#e8ac63 70%,
			#f5e6d0 84%,
			#faf7f2 94%,
			#faf7f2 100%
		) !important;
	}

	body.home .entry-content > .marvel-home-hero + .wp-block-group,
	body.home .entry-content > .wp-block-cover.marvel-home-hero + .wp-block-group {
		margin-top: 0 !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		width: 100vw !important;
		max-width: 100vw !important;
		border-radius: 0 !important;
		background-color: #faf7f2 !important;
		padding-top: 0.2rem !important;
		box-shadow: none !important;
	}
}