/* =====================================================================
   beIT — FRONT-END ONLY layout
   Loaded only on the live site (wp_enqueue_scripts), NEVER in the block
   editor. Holds layout that depends on the real viewport / Kadence page
   chrome and would break the narrow editor canvas (100vw, etc.).
   ===================================================================== */

html, body { overflow-x: hidden; }
/* subtle "paper -> white" gradient from the top (pure CSS, no image/request) */
body { background: linear-gradient(180deg, var(--paper) 0, var(--bg) 720px) no-repeat var(--bg); }
.site-container { background: transparent; }

/* kill Kadence's boxed white card + shadow + padding (figure/ground frame) */
.content-bg.single-entry {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* full-bleed our top-level sections regardless of Kadence content width */
.beit-hero,
.beit-section,
.beit-cta {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}