/* 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);
}

/* ------------------------------
   CTA Section — match use-cases background so it reads as one block
   ------------------------------ */
body[data-page-type="landing"] .cta-section {
  background: var(--lp-bg);
}

body[data-page-type="landing"] .cta-section::before,
body[data-page-type="landing"] .use-cases-section::after {
  display: none;
}

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

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