/* Landing-only layout overrides.
   Scoped under body[data-page-type="landing"] so other pages keep their existing navbar/footer themes.
*/

/* Disable smooth scrolling on landing — prevents scroll-freeze when user first scrolls past hero */
html:has(body[data-page-type="landing"]) {
  scroll-behavior: auto;
}

/* Prevent double scrollbar — landing page content flows naturally in the page scroll */
body[data-page-type="landing"] .main-content {
  overflow: visible;
}

body[data-page-type="landing"] {
  color: var(--lp-text);
  /* Align public-pages variables with landing-page theme */
  --pp-bg: var(--lp-bg);
  --pp-bg2: var(--lp-bg2);
  --pp-text: var(--lp-text);
  --pp-muted: var(--lp-muted);
  --pp-surface: var(--lp-surface);
  --pp-surface-2: var(--lp-surface-2);
  --pp-border: var(--lp-border);
  --pp-primary: var(--lp-primary);
  --pp-gradient: var(--lp-gradient);
  --pp-radius-xl: var(--lp-radius-xl);
  --pp-radius-lg: var(--lp-radius-lg);
  --pp-radius-md: var(--lp-radius-md);
  --pp-shadow-lg: var(--lp-shadow-lg);
  --pp-shadow-md: var(--lp-shadow-md);
}

/* ------------------------------
   Navbar — uses universal styling from navbar.css + theme-system.css
   (No landing-specific overrides — keeps navbar consistent across all pages)
   ------------------------------ */

/* ------------------------------
   Landing Icon Gradient Overrides
   Use the landing-page gradient instead of the rainbow pp-gradient
   ------------------------------ */
body[data-page-type="landing"] .benefit-icon,
body[data-page-type="landing"] .step-number {
  background: var(--lp-gradient);
}

/* ------------------------------
   Landing sections — keep content bodies solid so the sticky hero never bleeds through
   ------------------------------ */
body[data-page-type="landing"] .answer-engine-section,
body[data-page-type="landing"] .feature-snapshot-section,
body[data-page-type="landing"] .how-it-works-section,
body[data-page-type="landing"] .portals-section,
body[data-page-type="landing"] .why-choose-section,
body[data-page-type="landing"] .wall-of-love-section,
body[data-page-type="landing"] .comparison-section + .wall-of-love-section,
body[data-page-type="landing"] .use-cases-section,
body[data-page-type="landing"] .home-faq-section,
body[data-page-type="landing"] .cta-section {
  position: relative;
  z-index: 10;
  background: var(--lp-bg, #0a0a14) !important;
}

body[data-page-type="landing"] .page-particle-field {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  pointer-events: none;
  opacity: 0.82;
  mix-blend-mode: screen;
  clip-path: inset(var(--landing-particle-clip-top, 100vh) 0 0 0);
}

body[data-page-type="landing"] .footer-modern {
  position: relative;
  z-index: 10;
}

body[data-page-type="landing"] .answer-engine-section::after,
body[data-page-type="landing"] .feature-snapshot-section::before,
body[data-page-type="landing"] .feature-snapshot-section::after,
body[data-page-type="landing"] .how-it-works-section::after,
body[data-page-type="landing"] .why-choose-section::after,
body[data-page-type="landing"] .wall-of-love-section::after,
body[data-page-type="landing"] .comparison-section + .wall-of-love-section::after,
body[data-page-type="landing"] .cta-section::before,
body[data-page-type="landing"] .home-faq-section::after,
body[data-page-type="landing"] .use-cases-section::after {
  display: none !important;
}

/* ------------------------------
   Footer — styling is handled uniformly by [data-theme] rules in footer.css
   ------------------------------ */

body[data-landing-theme="clean"] .footer-modern .form-control-footer {
  color: #0f172a;
}