/* Hide admin bar on funnel pages for clean full-width display */
#wpadminbar {
  display: none !important;
}
html {
  margin-top: 0 !important;
}

/* Hide the default post / page title rendered by the theme */
body.leadconnector-native-page .entry-header,
body.leadconnector-native-page .page-header,
body.leadconnector-native-page h1.entry-title,
body.leadconnector-native-page h1.page-title,
body.leadconnector-native-page .wp-block-post-title {
  display: none !important;
}

/* Make the native content container full viewport width regardless of theme constraints */
body.leadconnector-native-page .leadconnector-native-content {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Strip padding / margin from theme content containers */
body.leadconnector-native-page .entry-content,
body.leadconnector-native-page .post-content,
body.leadconnector-native-page article,
body.leadconnector-native-page main {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Override block-theme padding that would otherwise squeeze the funnel */
body.leadconnector-native-page .wp-block-post-content,
body.leadconnector-native-page .has-global-padding,
body.leadconnector-native-page .is-layout-constrained {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Reduce excessive top/bottom padding on block groups */
body.leadconnector-native-page .wp-block-group {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* Ensure theme containers do not cap the funnel width */
body.leadconnector-native-page .site-main,
body.leadconnector-native-page .content-area {
  max-width: none !important;
}

/*
 * Isolate the embedded funnel from block-theme global typography.
 *
 * Block themes (Twenty Twenty-Three / Four / Five, etc.) emit bare-element
 * rules through `global-styles-inline-css` that target `h1..h6`, `body`,
 * `a`, etc. with theme presets (font-family, color, font-size, line-height).
 * Those rules leak into the funnel markup and override the appearance the
 * funnel relies on (typography lives on the wrapping `.text-output` /
 * `.heading-*` parents, not on the bare heading tag itself), causing the
 * heading text to render with the WordPress theme font and color instead
 * of the funnel's own.
 *
 * Forcing `inherit` here keeps the funnel's intended look while leaving
 * the WordPress header / footer styling untouched. A descendant selector
 * is used so this rule wins over the theme's bare-element global rules.
 */
body.leadconnector-native-page .leadconnector-native-content h1,
body.leadconnector-native-page .leadconnector-native-content h2,
body.leadconnector-native-page .leadconnector-native-content h3,
body.leadconnector-native-page .leadconnector-native-content h4,
body.leadconnector-native-page .leadconnector-native-content h5,
body.leadconnector-native-page .leadconnector-native-content h6 {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/*
 * Block themes also style bare `p`, `a`, `ul`, `ol`, `li`, and form
 * controls. The funnel either applies its own font/colour on wrapping
 * elements or relies on inheritance, so resetting these properties to
 * `inherit` inside the funnel container restores the original look
 * without affecting anything outside `.leadconnector-native-content`.
 */
body.leadconnector-native-page .leadconnector-native-content p,
body.leadconnector-native-page .leadconnector-native-content a,
body.leadconnector-native-page .leadconnector-native-content ul,
body.leadconnector-native-page .leadconnector-native-content ol,
body.leadconnector-native-page .leadconnector-native-content li,
body.leadconnector-native-page .leadconnector-native-content button,
body.leadconnector-native-page .leadconnector-native-content input,
body.leadconnector-native-page .leadconnector-native-content select,
body.leadconnector-native-page .leadconnector-native-content textarea,
body.leadconnector-native-page .leadconnector-native-content label {
  font-family: inherit;
  letter-spacing: inherit;
}
