/* 1) Undo core's default stack below 782px for any Columns that use a custom bp */
@media (max-width: 781px) {
  .wp-block-columns[class*="stack-bp-"] {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .wp-block-columns[class*="stack-bp-"] > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
}

/* 2) Re-apply stacking at each selectable breakpoint */
@media (max-width: 576px) {
  .stack-bp-576.wp-block-columns { flex-direction: column; }
  .stack-bp-576.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 768px) {
  .stack-bp-768.wp-block-columns { flex-direction: column; }
  .stack-bp-768.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 992px) {
  .stack-bp-992.wp-block-columns { flex-direction: column; }
  .stack-bp-992.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 1200px) {
  .stack-bp-1200.wp-block-columns { flex-direction: column; }
  .stack-bp-1200.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 1400px) {
  .stack-bp-1400.wp-block-columns { flex-direction: column; }
  .stack-bp-1400.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}
@media (max-width: 1600px) {
  .stack-bp-1600.wp-block-columns { flex-direction: column; }
  .stack-bp-1600.wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}