/* This stylesheet is loaded only on the exact staging landing URL. */
@media screen {
  html body {
    background: #09060d url("fog.png") center / cover fixed no-repeat !important;
    color: #f5eff8;
  }
  /* ACF writes inline backgrounds on both full-width and boxed sections.
     Override those surfaces, not merely the body behind them. */
  html body > .site,
  html body > .wrapper,
  html body .site .section,
  html body .wrapper .section,
  html body .section > .container > .section__content {
    background: transparent !important;
    color: #f5eff8;
  }
  html body .section--dark .section__content:after {
    border-top-color: transparent;
  }
  html body .section__title { color: #e5baf6 !important; }
  html body .section__entry,
  html body .media__content { color: #f5eff8; }
  html body .section__entry :is(p, h2, h3, h4, h5, h6, strong, span, li),
  html body .media__content :is(p, h2, h3, h4, h5, h6, strong, span, li),
  html body .benefits li strong { color: #f5eff8 !important; }
  /* Opaque cards retain their original backgrounds and dark text. */
  html body :is(.card, .testimonial, .testimonials li, .plan, .stat, .callout, .contents, .header, .site-header, .faq.is-visible) {
    color: #363636;
  }
  html body .faq__title { color: #e5baf6; }
  html body .faq.is-visible .faq__title { color: #380861; }
  html body .section__entry a:not(.button),
  html body .media__content a:not(.button) { color: #e5baf6; }
  @media (max-width: 767px) {
    html body { background-attachment: scroll !important; background-size: auto 100vh !important; background-repeat: repeat-y !important; }
  }
}

/* 0.3.2: components from the 2025 landing template, identified in screenshots. */
@media screen {
  html body .tabs .tabs__body,
  html body .tabs .tabs__body :is(p, span, strong, em, li, h2, h3, h4, h5, h6) {
    color: #363636 !important;
  }
  html body .tabs .tabs__body a { color: #71368c !important; }
  html body .site .icons {
    background: transparent !important;
    border-color: #b995cb55;
    color: #f5eff8;
  }
  html body .site .icons :is(p, span, strong, li) { color: #f5eff8 !important; }
  html body .site .icons :is(h4, h6) { color: #e5baf6 !important; }
  html body .article__label { color: #363636 !important; }
  html body .hero__footer li { color: #363636; }
}

/* 0.3.3: hero background and article headings in the 2025 template. */
@media screen {
  html body .site .hero,
  html body .site .hero__footer:before { background: transparent !important; }
  html body .hero__content { color: #f5eff8; }
  html body .hero__content :is(h1, h2, h3, h4, h5, h6),
  html body .article__content :is(h2, h3, h4, h5, h6) {
    color: #e5baf6 !important;
  }
  html body .hero__content :is(p, strong, em),
  html body .article__content :is(p, strong, em) { color: #f5eff8; }
}

/* 0.3.4: trainer names on the smoke background. */
@media screen {
  html body .trainers .trainer h5 { color: #e5baf6 !important; }
}

/* Restore readable text inside the light cookie consent panel. */
@media screen {
  html body .sc__popup .sc__body {
    color: #363636 !important;
  }
  html body .sc__popup .sc__content,
  html body .sc__popup .sc__content :is(p, li, span, strong, em),
  html body .sc__popup .sc__form {
    color: #363636 !important;
  }
}