/* Smart River Home Builder — engine CSS only (always loaded). Per-widget
   styles live in their own views/css/widgets/*.css, loaded only on pages
   that actually use that widget (see Assets/AssetManager.php). */

.srhb-blocks {
  display: flex;
  flex-direction: column;
}

/* Base sizing/centering shared by every node (container or widget) — a
   narrower width preset (StyleEngine's width->max-width) still centers via
   this margin, and full_width's .srhb-full-bleed (below) overrides both
   declarations when it applies. position:relative lets the BO editor
   toolbar overlay (position:absolute) anchor to this element. */
.srhb-node {
  position: relative;
  width: min(100% - 32px, var(--sr-max-width, 1440px));
  margin: 0 auto;
}

.srhb-full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.srhb-editor-add-inside {
  display: block;
  width: 100%;
  padding: 10px;
  border: 2px dashed #c5d0dd;
  border-radius: 8px;
  background: rgba(0, 87, 184, 0.03);
  color: #0057b8;
  font: 600 13px/1.4 -apple-system, "Segoe UI", sans-serif;
  cursor: pointer;
  text-align: center;
  transition: background 0.12s ease, border-color 0.12s ease;
  margin-top: 4px;
}

.srhb-editor-add-inside:hover {
  background: rgba(0, 87, 184, 0.08);
  border-color: #0057b8;
}

/* Full-height containers opt into gentle desktop alignment. */
@media (min-width:992px) and (prefers-reduced-motion:no-preference) {
  html:has(#srhb-blocks-root:not(.srhb-canvas)) {
    scroll-snap-type:y proximity;
    scroll-padding-top:var(--srhb-header-height,0px);
  }
  #srhb-blocks-root:not(.srhb-canvas) .srhb-node--container {
    scroll-snap-align:var(--srhb-snap-align,none);
    scroll-snap-stop:normal;
  }
}

@media (min-width:992px) and (prefers-reduced-motion:no-preference) {
  .srhb-blocks .srhb-node--container { background-attachment:var(--srhb-bg-attachment,scroll); }
}