/* Fallback for block gap variable */
:root {
    --wp--style--block-gap: 2rem;
  }
  
  /* Force flex layout for Gutenberg columns marked as flex */
  .wp-block-columns.is-layout-flex {
    display: flex !important;            /* override inline display:grid */
    gap: var(--wp--style--block-gap, 2rem);
    flex-wrap: wrap;
  }
  
  /* Default equal columns */
  .wp-block-column {
    min-width: 0;                        /* prevent overflow */
    flex: 1 1 0;
    box-sizing: border-box;
  }
  
  /* Respect explicit widths set via inline flex-basis */
  .wp-block-columns > .wp-block-column[style*="flex-basis"] {
    flex-grow: 0;                        /* don't stretch width-defined columns */
  }
  
  /* Optional: stack on mobile like WP */
  @media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) {
      flex-direction: column;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
      flex: 0 0 auto !important;
      width: 100%;
    }
  }