/* Unbounce: Locked iframe background styles
   Source of truth: https://smarterway.ai/unbounce/styles.css
   Auto-injected by script.js — no separate <link> needed in Unbounce. */

/* Paper color on html/body — shows instantly, no white flash.
   The iframe (z-index: 0) sits above the body background and
   below the Unbounce content (z-index: 10+), so it shows through
   once loaded. */
html,
body {
  background: #f7f3ea !important;
}

/* Force all Unbounce page elements transparent so the
   iframe shows through. Paper color is on html/body. */
#lp-pom-root,
#lp-pom-root-color-overlay,
div[id^="lp-pom-block-"] {
  background: transparent !important;
}

/* Unbounce content sits above the iframe */
.lp-positioned-content {
  position: relative;
  z-index: 10;
}

/* Modal card */
.lp-pom-box.card {
  z-index: 20;
}

/* Slight grey veil over the locked background iframe.
   Sits above the iframe (z-index: 0) but below Unbounce
   content (z-index: 10) and the modal (z-index: 20).
   pointer-events: none so it never blocks the iframe once
   unlocked. Tweak --smw-veil to adjust intensity. */
body {
  --smw-veil: rgba(0, 0, 0, 0.15);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: var(--smw-veil);
  pointer-events: none;
  z-index: 1;
}

/* Hide scrollbar on the iframe element itself (Firefox/IE) */
#smw-bg-iframe {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#smw-bg-iframe::-webkit-scrollbar {
  display: none;
}