/* ProBusiness theme adjustments for Ghost (overrides loaded last) */

/* Home hero: reproduce the live site's fluid two-column behaviour.
   Left column flexes/shrinks to fill remaining space; right sidebar stays fixed.
   The default Webflow `flex: 0 auto` + `min-width: auto` prevented the left
   column from shrinking below its content, pushing the sidebar off-screen. */
@media screen and (min-width: 992px) {
  .hero-section .main-flex {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .hero-section .main-grid-column.is-left {
    flex: 1 1 0%;
    min-width: 0;
    max-width: 960px;
  }
  .hero-section .main-grid-column {
    flex: 0 0 auto;
    min-width: 0;
  }
}

/* Scroll progress indicator: start at 0 width and grow via JS (see default.hbs).
   Webflow's CSS pins it left:0 + right:0 (full width); release the right edge. */
.progress-bar {
  right: auto;
  left: 0;
  width: 0;
}

/* Allow inner blocks to shrink with the column */
.main-grid-blog-hold,
.slider-hold,
.collection-list-wrapper,
.blog-hero-col-list {
  min-width: 0;
}