/* ==========================================================================
   SCGE WEBINAR FUNNEL BRIDGE — v2 (for plugin v2.0.0+)
   --------------------------------------------------------------------------
   The webinar plugin v2.0.0 is a complete design rewrite. It's now a
   polished premium SaaS landing page in light mode (white paper, near-black
   ink, Inter + Instrument Serif italic) — not the dark editorial design
   from v1.4.0.

   The plugin ships a complete, self-contained design system across 1249
   lines of CSS with its own sticky nav, scroll progress bar, hero,
   curriculum, proof strip, registration form, and countdown. It does NOT
   need the theme to restyle any of its components.

   What this bridge does (all of it):
   1. Push the plugin's fixed scroll progress bar down below the theme's
      fixed 80px header so users can see it.
   2. Push the plugin's sticky nav's sticky offset down to 80px so it
      sticks below the theme header instead of behind it.
   3. Ensure the plugin's white background aligns edge-to-edge under
      the theme header with no gap.

   What this bridge used to do (v1.x — now removed):
   - Gold variable overrides — the plugin has no gold anymore.
   - Immersive mode (hiding theme header) — the plugin is now designed
     to sit BELOW the theme header with its own nav, so hiding the theme
     header breaks the visual hierarchy.
   - Color overrides — the plugin's neutral black/white/gray palette
     harmonizes naturally with the theme's cream surfaces.
   - Typography overrides — Inter + Instrument Serif are loaded by the
     plugin and work as designed.

   Override behavior:
   - The Customizer toggle "Immersive Webinar Pages" still exists for
     backwards compatibility, but its default is now OFF (set in the
     theme customizer.php). If you turn it ON, the theme header and
     footer will be hidden on webinar pages — which breaks the plugin's
     intended design in v2.0+, so leave it OFF unless you have a
     specific reason.
   ========================================================================== */

/* ==========================================================================
   1. FIXED ELEMENTS POSITIONING
   The plugin's scroll progress bar and sticky nav both assume they start
   at the very top of the viewport. The theme's fixed header sits at 0-80px,
   so these elements need to offset down by 80px on desktop.
   ========================================================================== */
body.smile-channel-theme .scge-wrap .scge-progress {
	top: 80px;
}

body.smile-channel-theme .scge-wrap .scge-nav {
	top: 80px;
}

/* Mobile — theme header shrinks to 70px on screens < 768px */
@media (max-width: 767px) {
	body.smile-channel-theme .scge-wrap .scge-progress {
		top: 70px;
	}
	body.smile-channel-theme .scge-wrap .scge-nav {
		top: 70px;
	}
}

/* ==========================================================================
   2. PAGE BACKGROUND ALIGNMENT
   Make sure the plugin's white background extends cleanly all the way to
   the bottom of the viewport, with no cream theme background bleeding
   through at the sides or bottom.
   ========================================================================== */
body.has-scge-webinar .scge-wrap {
	background: #FFFFFF;
	min-height: calc(100vh - 80px);
}

/* On pages that contain a webinar shortcode, paint the page background
   white so the cream theme background doesn't show through around the
   plugin's content area if the plugin doesn't fill the viewport. */
body.has-scge-webinar.page {
	background: #FFFFFF;
}

/* ==========================================================================
   3. THE PLUGIN'S OWN NAV VS. THEME NAV
   When the plugin's sticky nav is visible, the two navs stack:
     [theme header — 80px, white sticky, fixed]
     [plugin nav — sticky, backdrop blur, "Reserve your seat" CTA]
   This is intentional in v2.0+ — the plugin nav acts as a secondary
   action bar that follows the user down the page, while the theme nav
   provides site-level navigation.

   We just ensure the plugin nav's backdrop blur doesn't bleed into the
   theme header space above it.
   ========================================================================== */
body.smile-channel-theme .scge-wrap .scge-nav {
	/* Plugin already sets backdrop-filter: blur(12px) — we just make sure
	   z-index sits correctly in the stacking context. */
	z-index: 99;
}

/* The theme header (.tsc-header) already has z-index: 1000, so it wins
   over the plugin nav when the plugin nav scrolls up to meet it. */

/* ==========================================================================
   4. LEGACY IMMERSIVE MODE
   The .tsc-webinar-immersive body class is still added by the theme when
   a user has the "Immersive Webinar Pages" Customizer toggle on. In v2.0+
   this is no longer recommended, but the code path still exists and
   should work consistently.

   When immersive is ON, theme header/footer are hidden and the plugin
   takes the full viewport. The plugin's own nav becomes the page header.
   ========================================================================== */
body.tsc-webinar-immersive {
	padding-top: 0 !important;
	background: #FFFFFF;
}

body.tsc-webinar-immersive .tsc-header,
body.tsc-webinar-immersive .tsc-footer {
	display: none;
}

body.tsc-webinar-immersive .scge-wrap .scge-progress,
body.tsc-webinar-immersive .scge-wrap .scge-nav {
	top: 0;
}

body.tsc-webinar-immersive .scge-wrap {
	min-height: 100vh;
}

body.tsc-webinar-immersive .tsc-main,
body.tsc-webinar-immersive #main,
body.tsc-webinar-immersive .site-content,
body.tsc-webinar-immersive .entry-content {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
}

/* ==========================================================================
   5. ELEMENTOR EDITOR PREVIEW
   When previewing webinar widgets inside the Elementor editor, the plugin
   wrap should render correctly against the editor's white canvas. No
   changes needed — the plugin is already white.
   ========================================================================== */