/* Realify Pro — widget helpers (loads in the Elementor editor + front end). */
.rh-hide-mobile{ display:none; }
@media (min-width:768px){ .rh-hide-mobile{ display:block; } }
.realify-hero-collage .btn-lime,
.realify-hero-collage .btn-ghost{ text-decoration:none; }

/* Round 2 section widgets — responsive grids */
.realify-stats{ display:grid; grid-template-columns:1fr; }
@media (min-width:640px){ .realify-stats{ grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); } }
.realify-frow{ display:grid; gap:40px; align-items:center; grid-template-columns:1fr; }
@media (min-width:768px){ .realify-frow{ grid-template-columns:1fr 1fr; } }
.realify-bcards{ display:grid; gap:40px; grid-template-columns:1fr; }
@media (min-width:768px){ .realify-bcards{ grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); } }

/* Full-bleed helper: reach viewport edges from inside a boxed container,
   without shifting the box off-canvas (works in the Elementor editor too). */
.realify-fullbleed{ width:auto; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
/* Inside the Elementor editor canvas the negative margins get clipped, so turn
   full-bleed off there — the widget shows boxed while editing, full-width live. */
.elementor-editor-active .realify-fullbleed{ margin-left:0; margin-right:0; width:auto; }

/* Folder divider (top of a Statement Band) + scroll-driven rise animation */
.realify-folder{ display:block; width:100%; height:auto; position:relative; z-index:2; margin-top:-2px; }
@supports (animation-timeline: view()) {
  .realify-folder{ animation: realify-folder-rise linear both; animation-timeline: view(); animation-range: entry 0% cover 22%; }
  @keyframes realify-folder-rise{ from{ transform: translateY(34px) scale(.985); } to{ transform: translateY(0) scale(1); } }
}

/* Statement Band folder-tab top: layered file-folder tabs (sage + cream + front) */
.rfold{ position:relative; width:100%; height:118px; }
.rfold-l{ position:absolute; inset:0; }
.rfold-back{ background:#7e9c6c; clip-path:polygon(0% 30%, 52% 30%, 55% 4%, 78% 4%, 81% 30%, 100% 30%, 100% 100%, 0% 100%); }
.rfold-mid{ background:#e9e0c4; clip-path:polygon(0% 42%, 30% 42%, 33% 16%, 56% 16%, 59% 42%, 100% 42%, 100% 100%, 0% 100%); }
.rfold-front{ background:var(--rfold-front,#11341F); clip-path:polygon(0% 56%, 8% 56%, 11% 30%, 34% 30%, 37% 56%, 100% 56%, 100% 100%, 0% 100%); }
@media (max-width:760px){ .rfold{ height:80px; } }