/* LiveWell Coaching checkout — the homepage's brand, a focused native checkout.
 * Style only. Native offer settings, form controls, billing and tracking are
 * not replaced. The original checkout-first mobile and desktop order stay.
 */

body#encore-theme {
  --lwc-paper: #F7F4EE;
  --lwc-cream: #FBF7EF;
  --lwc-ink: #16334C;
  --lwc-body: #3D5468;
  --lwc-muted: #5C7183;
  --lwc-blue: #2E5F8A;
  --lwc-blue-hover: #274F75;
  --lwc-sky: #BFDCF2;
  background: var(--lwc-paper);
  color: var(--lwc-body);
  font-family: 'Manrope', 'Poppins', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Preserve the native logo link and image. No competing sales navigation. */
#encore-theme #section-header .header,
#encore-theme #section-header .header__content--desktop {
  background: var(--lwc-paper);
}

#encore-theme #section-header .header {
  border-bottom: 1px solid rgba(22, 51, 76, .12);
}

#encore-theme #section-header .header__content--desktop {
  padding: 0;
}

#encore-theme #section-header .header__container {
  width: 100%;
  max-width: 1200px;
  min-height: 60px;
  margin: 0 auto;
  padding: 0 20px;
  align-items: center;
}

#encore-theme #section-header .header__block--logo {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

#encore-theme #section-header .logo {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
}

#encore-theme #section-header .logo__image {
  display: block;
  width: 135px;
  height: 30px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* The stock header's hamburger detection includes editor-hidden blocks. */
#encore-theme #section-header .header__block:not(.header__block--logo),
#encore-theme #section-header .hello-bars,
#encore-theme #section-header .hamburger,
#encore-theme #section-header .header__content--mobile {
  display: none !important;
}

/* Scope spacing to this export's existing checkout section, not popups/forms. */
#encore-theme #section-1744906803654 .sizer {
  padding-top: 32px;
  padding-bottom: 40px;
}

#encore-theme #section-1744906803654 .container {
  max-width: 1200px;
  padding-right: 20px;
  padding-left: 20px;
}

#encore-theme #section-1744906803654 .blocks-column,
#encore-theme #section-1744906803654 .checkout-column {
  min-width: 0;
}

#encore-theme #section-1744906803654 .checkout-column {
  margin-bottom: 36px;
}

/* Re-style the saved trial explanation and its approved non-clinical copy. */
#encore-theme .lw-trial-wrapper {
  padding: 0;
  font-family: 'Manrope', 'Poppins', sans-serif;
}

#encore-theme .lw-trial-card {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#encore-theme .lw-top {
  margin-bottom: 32px;
  text-align: left;
}

#encore-theme .lw-pill {
  margin-bottom: 20px;
  padding: 8px 14px;
  background: var(--lwc-sky);
  color: var(--lwc-ink);
  font-family: 'Manrope', 'Poppins', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .04em;
}

#encore-theme .lw-top h1 {
  margin: 0 0 20px;
  color: var(--lwc-ink);
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-size: clamp(30px, 2.5vw + 15px, 44px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.03em;
}

#encore-theme .lw-sub {
  max-width: 38em;
  margin: 0;
  color: var(--lwc-body);
  font-size: 17px;
  line-height: 1.6;
}

#encore-theme .lw-timeline {
  gap: 0;
}

#encore-theme .lw-step {
  gap: 16px;
  padding: 24px 0;
  border: 0;
  border-top: 1px solid rgba(22, 51, 76, .16);
  border-radius: 0;
  background: transparent;
}

#encore-theme .lw-icon {
  flex: 0 0 40px;
  border-radius: 50%;
  background: var(--lwc-blue);
  color: #FFFFFF;
}

#encore-theme .lw-content {
  min-width: 0;
}

#encore-theme .lw-content h2 {
  margin: 0 0 10px;
  color: var(--lwc-ink);
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.02em;
}

#encore-theme .lw-content p {
  color: var(--lwc-body);
  font-size: 15px;
  line-height: 1.65;
}

#encore-theme .lw-highlight,
#encore-theme .lw-highlight.green {
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--lwc-sky);
  color: var(--lwc-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
}

#encore-theme .lw-content > :last-child {
  margin-bottom: 0;
}

#encore-theme .kjb-embedded-checkout {
  color: var(--lwc-ink);
  font-family: 'Manrope', 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

#encore-theme .kjb-embedded-checkout :is(input, select, textarea, button) {
  font-family: 'Manrope', 'Poppins', sans-serif;
}

/* The native email field lives in Pine's shadow root. Use its exposed design
 * tokens; do not replace the input or alter validation/disabled state colors.
 */
#encore-theme .kjb-embedded-checkout pds-input {
  --pds-input-font: 400 16px/1.5 'Manrope', 'Poppins', sans-serif;
  --pds-input-field-min-height: 48px;
  --pine-typography-body-medium: 500 14px/1.5 'Manrope', 'Poppins', sans-serif;
  --pine-typography-body-sm-medium: 500 12px/1.5 'Manrope', 'Poppins', sans-serif;
}

#encore-theme .kjb-embedded-checkout :is(h1, h2, h3, h4) {
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-weight: 600;
}

/* Kajabi's mounted checkout owns these elements and its submit/consent logic.
 * Its offer-synced CTA has inline paint styles; override paint only, not state.
 */
#encore-theme .kjb-embedded-checkout .embedded-checkout.sage-scoped {
  border: 1px solid rgba(22, 51, 76, .16);
  border-radius: 20px;
  background: #FFFFFF;
  color: var(--lwc-ink);
  box-shadow: 0 12px 28px rgba(22, 51, 76, .06);
  font-family: 'Manrope', 'Poppins', sans-serif;
}

#encore-theme .kjb-embedded-checkout .embedded-checkout__body,
#encore-theme .kjb-embedded-checkout .embedded-checkout__section,
#encore-theme .kjb-embedded-checkout .sage-checkbox__label {
  font-family: 'Manrope', 'Poppins', sans-serif;
}

#encore-theme .kjb-embedded-checkout .embedded-checkout-price-display__title-wrapper {
  color: var(--lwc-ink);
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

#encore-theme .kjb-embedded-checkout h4#offer-title,
#encore-theme .kjb-embedded-checkout .embedded-checkout-price-display__offer-price {
  color: var(--lwc-ink) !important;
  font-family: 'Poppins', 'Manrope', sans-serif;
  font-weight: 600;
}

#encore-theme .kjb-embedded-checkout .embedded-checkout__cta--free-offer button[type="submit"] {
  min-height: 52px;
  padding: 14px 24px;
  border: 1px solid var(--lwc-blue) !important;
  border-radius: 999px !important;
  background: var(--lwc-blue) !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 0 rgba(22, 51, 76, .25);
  font-family: 'Manrope', 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
}

#encore-theme .kjb-embedded-checkout .embedded-checkout__cta--free-offer button[type="submit"]:not(:disabled):not([aria-disabled="true"]):hover {
  border-color: var(--lwc-blue-hover) !important;
  background: var(--lwc-blue-hover) !important;
}

#encore-theme .kjb-embedded-checkout .embedded-checkout__cta--free-offer button[type="submit"]:is(:disabled, [aria-disabled="true"]) {
  opacity: .55;
  cursor: not-allowed;
  box-shadow: none;
}

#encore-theme #section-header a:focus-visible,
#encore-theme .kjb-embedded-checkout :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--lwc-blue);
  outline-offset: 3px;
}

/* This pre-existing section is empty. Remove only its padding, not its DOM. */
#encore-theme #section-1778764227915 .sizer {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 640px) {
  #encore-theme #section-header .header__container {
    min-height: 64px;
    padding-right: 32px;
    padding-left: 32px;
  }

  #encore-theme #section-header .logo__image {
    width: 162px;
    height: 36px;
  }

  #encore-theme #section-1744906803654 .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}

@media (min-width: 900px) {
  #encore-theme #section-header .header__container {
    min-height: 72px;
    padding-right: 48px;
    padding-left: 48px;
  }

  #encore-theme #section-header .logo__image {
    width: 198px;
    height: 44px;
  }

  #encore-theme #section-1744906803654 .container {
    padding-right: 48px;
    padding-left: 48px;
  }
}

@media (min-width: 1024px) {
  #encore-theme #section-1744906803654 .sizer {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  #encore-theme #section-1744906803654 .checkout-column {
    margin-bottom: 0;
  }

  #encore-theme .lw-sub {
    font-size: 18px;
  }
}