/* :root {
  --mp-gap-desktop: 5rem;
  --mp-gap-mobile: 2rem;
}
.mp-block {
  display: flex;
  gap: var(--mp-gap-desktop);

  & > div.inner-mp-col {
    flex: auto;
  }
}
@media (max-width: 781px) {
  .mp-block {
    gap: var(--mp-gap-mobile);
  }
} */

/* .has-responsive-columns-controls.wp-block-columns {
  gap: var(--crc-gap-d, var(--crc-gap-t, var(--crc-gap-m, var(--wp--style--block-gap))));
} */

/* TODO: match WP editor defaults Breakpoints */

/* @media (max-width: 781px) {
  .has-responsive-columns-controls {
    & .wp-block-columns {
      gap: var(--crc-gap-m, var(--crc-gap-t, var(--crc-gap-d, var(--wp--style--block-gap))));

      &[data-crc-dir-m='row'] {
        flex-direction: row;
      }
      &[data-crc-dir-m='row-reverse'] {
        flex-direction: row-reverse;
      }
      &[data-crc-dir-m='column'] {
        flex-direction: column;
      }
      &[data-crc-dir-m='column-reverse'] {
        flex-direction: column-reverse;
      }
    }
  }
} */

/* Desktop+ */
/* @media (min-width: 782px) {
  .has-responsive-columns-controls {
    & .wp-block-columns {
      gap: var(--crc-gap-d, var(--crc-gap-t, var(--crc-gap-m, var(--wp--style--block-gap))));

      &[data-crc-dir-d='row'] {
        flex-direction: row;
      }
      &[data-crc-dir-d='row-reverse'] {
        flex-direction: row-reverse;
      }
      &[data-crc-dir-d='column'] {
        flex-direction: column;
      }
      &[data-crc-dir-d='column-reverse'] {
        flex-direction: column-reverse;
      }
    }
  }
} */

/* TODO: Editor nicety: make our styles visible inside editor canvas too */
/* .editor-styles-wrapper .has-responsive-columns-controls.wp-block-columns {
  contain: layout style;
} */